美文网首页
说说表单中的控件元素有哪些?

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

作者: 甜甜圈李 | 来源:发表于2020-04-01 20:05 被阅读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 选择周和年

    相关文章

      网友评论

          本文标题:说说表单中的控件元素有哪些?

          本文链接:https://www.haomeiwen.com/subject/fdfzuhtx.html