html表单标签

表单由表单域、表单控件(表单元素)、提示信息组成
表单域<form> 
把它范围内的表单元素信息提交给服务器
action 用于指定接收并处理表单数据的服务器程序的url地址
method 提交方式,get或者post
name 指定表单的名称

<form action = "url地址" method = "提交方式" name = "表单域名称">
  各种表单元素控件
</form>

表单控件:
1.<input /> 收集用户信息 为单标签
<input type = "属性值" />

type属性:
button 可点击按钮,多数情况通过js启动脚本
checkbox 复选框
file 输入字段和“浏览”按钮,供文件上传
hidden 隐藏的输入字段
image 图像形式的提交按钮
password 密码字段,该字段中的字符被掩码
radio 单选按钮 (name是表单元素名字 这里单选按钮要有相同的name才可以多选1)
reset 重置按钮,清楚表单中的所有数据
submit 提交按钮
text 输入字段,用户可在其中输入文本

name属性(主要针对单选按钮和复选框)
单选框和复选框要加相同name才能实现功能

value属性
表单元素内最开始显示的字

name和value都是给后台人员看的

checked属性(主要针对单选按钮和复选框)
规定此Input元素首次加载时应当被选中
(比如默认勾选)

maxlength
规定输入字段中的字符的最大长度

<label>标签
绑定一个表单元素,当点击标签内文本时,浏览器就会自动将焦点(光标)
转到或者选择对应的表单元素上,用来增加用户体验。
eg:
<label for = "sex">男</lable>
<input type = "radio" name="sex" id="sex" />
(for和id的值要相等)


2.<select>下拉表单

<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>

在option中定义 selected="selected"时,当前项为默认选中项

3.<textarea>文本域
比文本框写的多 比如留言


 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值