表单标签
表单
1.form
get 有缓存 因此速度较快 且较常用 一般查数据用get(快) 提交数据用post(安全)
2.input
value 里面有许多的名字 还可以设置为默认值
运行结果
完善代码
运行结果
对上面的代码再更加限制条件
密码只能输入六位,只能选男,只能选唱歌跳舞
如果想要结果看的更明显,前面form action ="#"可以将双引号的"#"换成所需网址。
注:点重置按钮后 默认值不会删除
表单元素
3.textarea(文本域为双标签)
注:(如果不加rows和cols 框框可随意伸缩,但加了之后 只能伸长行列 不能缩短行列)
提交后
4.label和button
for要与id值对应 所以在代码前面加入id="username"
点击姓名后 边框自动聚焦
button和input本质一样 实质是button的双标签可以添加标签 颜色等
5.select
选择北京 点击提交按钮 之后的页面
补充:在option后添加value="Beijing ShangHai HangZhou" 选择北京 点击提交按钮 之后的页面有的变化 因为value的值传到后台,同理在请选择城市前面加value=""(不加这个的话页面变成了&请选择城市)(设置了value=空 空代表有值) 不选城市直接提交 页面变成了&city=
多选且只能看到3项(添加size="3")
字符实体
第四个不太常用
想把h2和Hello World 一起放到网页上
表单元素:可操作的(所有的input,文本域,下拉框)
非表单元素:(div,<p>,标题标签,列表标签等)