表单标签的说明

表单是页面跟用户交互的区域的集合;
表单包括表单域、表单控件(元素)、提示信息;
表单域是包含元素的区域,用<form>定义,会把表单域的元素信息提交给服务器;
常用的属性如下:

属性属性值作用
actionurl地址用于指定接收表单元素的服务器程序地址
methodget/post提交方式
name名称指定表单域名称,用于区分

表单控件标签比较多,现阶段先了解3个:
1、<input>标签用于收集用户信息,可单标签使用,其中type属性表示控件类型,比较多,可以看如下:

属性指描述
button定义可点击的按钮,一般用js脚本来启动
checkbox复选框
file定义输入字段和“浏览”按钮,供文件上传
hidden隐藏的输入字段
image图像形式的提交按钮
password密码字段,会被掩码
radio单选按钮
reset重置按钮,清空表单中的所有数据
submit提交按钮,将表单信息提交给服务器
text单行的输入字段,默认宽度是20字符

<input>其他的属性如下:

属性属性值描述
name自定义定义input元素的名称,用于区分
value自定义规定input元素的值,一般用于输入字段的控件初始文本
checkedchecked规定input元素首次加载时被选中,主要针对选择按钮
maxlength正整数输入字段的最大长度

另外为了更好的用户体验,经常搭配<label>使用,
<label>标签是绑定一个表单元素,相当于表单元素的点击范围扩大到<label>标签范围
用for属性跟<input>的id属性进行绑定,用法如下:
<label for="name">文本1</label><input type="radio" name="sex" id="name">
这样子点击文本1的部位,也可以触发radio控件

2、下拉列表标签<select>:
拉下选项的标签<option>,可以添加一个属性selected,值为selected表示默认选中

3、文本域标签<textarea>:
当用户输入的文本较多时,不宜用inptu标签中的text控件,不方便展示
这时就可以用<textarea>标签

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值