学习HTML第三十一天

学习文章目录

- 七. 普通按钮
- 八. 文本域
- 九.下拉框

七. 普通按钮

注意点：普通按钮的 type 值为 button ，若不写 type 值是 submit 会引起表单的提交

八. 文本域

常用属性如下：

rows 属性：指定默认显示的行数，会影响文本域的高度
cols 属性：指定默认显示的列数，会影响文本域的宽度
不能编写 type 属性，其他属性，与普通文本输入框一致

九.下拉框

常用属性及注意事项：

name 属性：指定数据的名称
option 标签设置 value 属性，如果没有 value 属性，提交的数据是 option 中间的文
字；如果设置了 value 属性，提交的数据就是 value 的值（建议设置 value 属性）
option 标签设置了 selected 属性，表示默认选中

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>表单文本框和密码框</title>
</head>
<body><form action="https://search.jd.com/search"></form>账户：<input type="text" name="account" value="zhangsan" maxlength="10"><br>密码：<input type="password" name="pwd" maxlength="12"><br>性别：<input type="radio" name="gender" value="male">男<input type="radio" name="gender" value="female" checked>女<br>爱好：<input type="checkbox" name="hobby" value="sing">唱<input type="checkbox" name="hobby" value="jump" checked>跳<input type="checkbox" name="hobby" value="rap">rap<input type="checkbox" name="hobby" value="Basketball" checked>篮球<br>其他：<textarea name="other" cols="22" rows="3"></textarea><br>籍贯：<select name="place"><option value="京">北京</option><option value="津" selected>天津</option><option value="晋">太原</option><option value="吉">长春</option></select><br><input type="hidden" name="?" value="VS"><button>确认</button><input type="submit" value="第二确认"><button type="reset">重置</button><input type="reset" value="第二重置"><br><button type="button">检测账户是否被注册</button><input type="button" value="第二检测账户是否被注册">
</body>
</html>