前端学习第三周(上)

三、表单标签
为什么需要表单:收集用户信息。
表单的组成:表单域、表单控件、提示信息
1.表单域:包含表单元素的区域<form>
作用:将表单元素送入后台
语法规范:
属性:
2.提示信息
3.表单控件
3.1<input>输入表单元素
语法规范:


注意:(1)<input/>为单标签
(2)type属性设置的不同用来指定不同的控件类型
type属性的属性值及其描述如下:
input标签的其他属性:
注意:(1)name和value是每个表单元素都有的属性值,给后台人员使用。
(2)name表单元素的名字,要求单选按钮和复选框有相同的name值。
(3)checked主要针对单选按钮和复选框,当页面打开是默认选中这个选项
checked="checked"
<label>标签:为input元素定义标注
使用场景:用于绑定一个表单元素,增加用户体验。
语法格式:


注意:label标签的for属性应当与相关元素的id属性相同。
3.2select下拉表单元素
使用场景:在页面中,有多个选项供用户选择,并且想要节约空间时
语法格式:


注意:(1)select中至少包含一对option
(2)option中定义selected=“selected”,当前项为默认选项。
3.3textarea文本域
使用场景:定义多行文本输入
语法格式:


注意:(1)通过此标签可以创建多行文本输入框
(2)cols="每行的字符数",rows="显示的行数",实际开发中不会使用,用css改变大小。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值