密码文本框常用属性
密码文本框常用属性和单行文本框常用属性相同
<input type="password" value="默认值" size="长度" maxlength="可输入字符">
<form>
<label>密码：<input type="password" value="12345678" size="20" maxlength="10"></label>
</form>
单选框
属性 | 说明 |
name | 组名，同组单选框，组名要相同，必要属性 |
value | 单选框选项取值，必要属性 |
checked | 默认选中项，同组单选框，可以有一个默认选中项 |
<input type="radio" name="组名" value="取值" checked="checked">
<form>
性别：
<input type="radio" name="sex" value="男" checked="checked">男
<input type="radio" name="sex" value="女">女
</form>
复选框
复选框和单选框的属性都相同，区别复选框可以多选
<form>
爱好：
<input type="checkbox" name="hobby" value="篮球" checked>篮球
<input type="checkbox" name="hobby" value="足球" checked>足球
<input type="checkbox" name="hobby" value="台球">台球
</form>
普通按钮
<input type="button" value="取值">
<form>
<input type="button" value="普通按钮">
</form>
<button>普通按钮</button>
区别：
1、input是单标签，button是双标签
2、button标签的信息除了文本，还可以是图像、其它标签等
3、button有type属性，属性值可以是button、submit、reset等
提交按钮
<input type="submit" value="取值">
<form>
<input type="submit" value="提交">
</form>
把对应表单数据提交给后端服务器
重置按钮
<input type="reset" value="取值">
<form>
<input type="reset" value="重置">
</form>
点击重置后，所在form表单里所有内容被清空了
文件上传
<input type="file">
<form>
<input type="file">
</form>
