HTML 表单标签

表单标签
目的是为了收集用户信息
一个完整的表单是由表单域表单控件(表单元素)提示信息三部分构成
1.表单域<form>
目的是实现用户信息的收集和传递

<form action="ur/地址" method="提交方式" name="表单域名称">
</form>
method的取值是get或post

2.表单控件
input 输入表单元素

姓名 <input type="text"/> <br/>
     <!--text:定义单行的输入字段,可在其中输入文本,默认宽度为二十个字符-->
     密码 <input type="password"/> <br/>
     <!--password:定义密码字段-->
     性别  男<input type="radio"/><input type="radio"/> <br/>
     <!--radio:定义单选-->
     特长  打球<input type="checkbox"/> 画画<input type="checkbox"/>  弹琴<input type="checkbox"/> <br/>
     <!--checkbox:定义复选-->
     性别  男<input type="radio"/ name="xuanze"> 女<input type="radio"/ name="xuanze"> <br/>
     特长  打球<input type="checkbox"/ name="duo"> 画画<input type="checkbox"/ name="duo">  弹琴<input type="checkbox"/ name="duo"> <br/>
     <!--name主要用于区别不一样的表单,多选一或多选时所有选项必须含有相同名字的name才能实现-->
     姓名 <input type="text"/ value="请输入名字"> <br/>
     <!--value:打开页面就默认显示的文字-->
     性别  男<input type="radio"/ name="xuanze" checked="checked"> 女<input type="radio"/ name="xuanze"> <br/>
     <!--checked:主要针对单选复选框,当页面打开时默认选中某一按钮,单选只能给其中一个加复选都可以-->
     <input type="submit"/> <!--提交-->

<label> ....</label>标签为input元素定义标签

<label for="sex">nan</label>
<input type="radio" name="sex" id="sex"/>
for与id的属性值要相同

select 下拉表单元素

<select>
   <option>选项1</option>
   <option>选项2</option>
   <option>选项3</option>
   .......
</select><option>中定义selected="selected"时,当前项即为默认选中项

textarea 文本域元素
定义多行输入

<textarea rows="3"  cols="20">
</textarea>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值