HTML12（⽂本框、单选框、按钮、多选框、下拉框、⽂本域和⽂件域）⽂本框和单选框
表单元素格式
属性说明
type指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image和button，默认为text name指定表单元素名（必填）
value元素的初始值。type为radio时必须指定⼀个值
size指定表单元素的初始宽度。当type为text或password时，表单元素的⼤⼩以字符为单位。对于其他类型，宽度以像素为单位maxlength type为text或password时，输⼊的最⼤字符数
checked type为radio或checkbox时，指定按钮是否是被选中
单选框⽰例
代码⽰例：
<!--单选框标签
input type="radio"
value：单选框的值
name：组名同⼀组只能选⼀个
checked：默认选中
-->
<p>
<input type="radio"value="boy"name="sex">男
<input type="radio"value="girl"name="sex">⼥
</p>
访问测试：
或者
按钮、多选框和下拉框
多选框
代码⽰例：
<!--多选框
input type="checkbox"
checked：默认选中
-->
<p>
爱好：
<input type="checkbox"value="eat"name="hobby">吃
<input type="checkbox"value="sleep"name="hobby">睡觉
<input type="checkbox"value="game"name="hobby">游戏
<input type="checkbox"value="work"name="hobby">⼯作
</p>
按钮
代码⽰例：
<!--按钮
input type="button" 普通按钮
input type="image" 图像按钮
input type="submit" 提交按钮
input type="reset" 重置按钮
-->html下拉菜单的制作方法
<p>
<input type="button"name="buttongroop1"value="按钮">
<input type="image"src="../resources/img/2.jpg"name="buttongroop1"width="20"height="18"> </p>
测试访问：
下拉框
代码⽰例：
<!--下拉框
checked：默认选中
-->
<p>
国家：
<select name="country">
<option value="China"selected>中国</option>
<option value="USA">美国</option>
<option value="JAP">⽇本</option>
<option value="IND">印度</option>
</select>
</p>
测试访问：
⽂本域和⽂件域
⽂本域
代码⽰例：
<!--⽂本域
-->
<textarea name="textarea"cols="50"rows="10">⽂本内容</textarea>
⽂件域
代码⽰例：
<!--⽂件域
-->
<p>
<input type="file"name="files"> </p>
测试访问：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。