表单元素

表单元素 (form)用来收集客户的资料
表单原素不同的标签 使用属性type做分类
action 提交的路径
method 提交方式 数据传输的方式
两个值 get/post
get 明文的 255字节 传输数据量比较小
post 加密的 并且能传输的数据量较大–>
属性(input)
单行文本框(密码框)的属性 name id value(可以用来展示内容) disabled(不可编辑) placeholder(提示语)
maxlength(输入的位数) autofocus(自动聚焦)
复选框(checkbox) 属性 checked(被选中)
单选框(radio)
属性(select)下拉菜单 optgroup(标题)
属性(textarea) 多行文本

  • 单行文本框
<label>用户名</label>
<input type="text" id="" value=""  placeholder="提示语"/>
<label>密码</label>
<input type="password" name="" value=""   placeholder="提示语"/>

运行截图
在这里插入图片描述

  • 复选框
<input type="checkbox" name="" id="" value="" checked />是否同意

运行截图
在这里插入图片描述

. 单选框
要在name上写上同一个名字

<input type="radio" name="sex" id="" value="" />男
<input type="radio" name="sex" id="" value="" />女

运行截图
在这里插入图片描述

  • 下拉菜单

optgroup为大标题
selected是默认选择的城市

<select name="">
				<optgroup label="广东省"> <!-- 标题-->
				<option value="" >广州市</option>
				<option value=""  selected>深圳市</option>
				<option value="">东莞市</option>
				</optgroup>
				<optgroup  label="广西壮族自治区">
				<option value="" >南宁市</option>
				<option value="" >玉林市</option>
				<option value="" >桂林市</option>
				</optgroup>
			</select>

运行截图
在这里插入图片描述

  • 多行文本框
<textarea name="" rows="" cols=""></textarea>

运行截图
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值