说说表单中的控件元素有哪些?

2020-04-01  本文已影响0人  甜甜圈李

表单:用于收集不同类型的用户输入---->注册页面,问卷调查,意见反馈

声明一个表单格式:

<form  action="指定表单中的数据要提交到的某个位置"  method="提交的方法">

<input  />  用来指定表单中出现的不同类型的控件元素(单选,多选,输入框,密码框等等)

用户名:<input type="text" name="wenben" maxlength="10" size="30"/>

type用来指定输入控件的类型

name用来指定当前input标签的名字

maxlength  限定输入框字符的个数

size 输入框的长短

密码:<input type="password" name="pwd" maxlength="8" size="33" /> <br><br>

性别:<input type="radio" name="sex"/>男

  <input type="radio" name="sex"/>女

单选的实现,要依靠name属性,让name属性值保持一致就可以。

选择您喜欢的明星:

<input type="checkbox" name="ck01" value="huang"/>黄大

<input type="checkbox" name="ck02" value="chen"/>陈小

<input type="checkbox" name="ck03" value="zhou"/>周三

<input type="checkbox" name="ck04" value="deng"/>邓五

下拉列表

选择您喜欢吃的食物:

<select name="sel">

<option>鸡腿</option>

<option>牛奶</option>

<option selected="selected">鸡蛋</option>

<option>菠菜</option>

<option>面包</option>

</select>

selected="selected"  代表的是列表的默认填充项

文本域----->意见填写栏

<textarea></textarea>

<textarea name="tt" cols="35" rows="30"></textarea>

设置文本域所给的列数和行数,指定文本域的大小

按钮:1.普通按钮button  2.重置按钮 reset  3.提交按钮 submit

</form>

input标签中 type的类型

color 用于选取颜色

时间系列:date ,datetime  ,datetime-local 

email 包含 e-mail 地址的输入域

month 选择一个月份

number 包含数值的输入域

time 选择一个时间

url 包含 URL 地址的输入域,在提交表单时,会自动验证 url 域的值。

week 选择周和年

上一篇 下一篇

猜你喜欢

热点阅读