【web前端】表单标签

表单就是为了收集用户信息

以下所有标签都要包含在<form></form>标签中

 

表单组成

表单域    表单控件(表单元素)   提示信息

a0b2d8743a3b4e1285cf03485de2b610.jpg

  

表单域

包含表单元素的区域

<form>用于定于表单域,会把他范围内的表单元素信息提交给服务器

4598dc7246cb4daeb52be347f98fb73f.jpg

 

表单控件(表单元素)

1.input输入表单元素

<input>标签 用于收集用户信息  input输入

b113670026d946418eebee356f26a85f.jpg

f089e1cde0564838b1199c58f9d29515.jpg

949089cb877b4304858332c491f4e967.jpg

单选按钮和复选框必须有相同的name,name是表单元素的名字

value是值

name和value是每个表单元素都必须有的属性值,供后台人员使用

默认:checked=checked  单选框只能选一个  复选框可以选多个,一打开页面就默认选中某个元素(比如捆绑的垃圾软件)

若页面中很多表单元素,name

 

label标签

label标签为input元素定义标注

label标签用来绑定一个表单元素,点击label标签内的文本时,浏览器就会自动将光标选择或者转到对应的元素上

d9b398b4509d4826968713aa852fe20c.jpg

 for和id里面的内容要一模一样

 

 

2.select下拉表单元素

74ae62829dd84e56983f8946c35260bd.jpg

 select中至少包含一对option

<option>中 selected=selected,当前项为默认选中项

 

3.textarea文本域元素

textarea多行文本输入(例如留言板 评论)

3cca1d8a83cd4ecda11c5de1e016cc08.jpg

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值