美文网首页
HTML 表单元素

HTML 表单元素

作者: 疏疏星影 | 来源:发表于2017-11-24 14:48 被阅读15次

    <input>元素

    最重要的表单元素是<input>元素。

    <input>元素根据不同的type属性,可以变化为多种形态。

    <select>元素(下拉列表)

    <select>元素定义下拉列表

    实例:

    运行效果:

    <option>元素定义待选择的选项。

    列表通常会把首个选项显示为被选选项。

    您能够通过添加selected属性来定义预定义选项。

    实例:

    运行效果:

    <textarea>元素

    <textarea>元素定义多行输入字段(文本域)

    <button>元素

    <button>元素定义可点击的按钮

    实例:

    运行效果:

    HTML5 表单元素

    HMTL5增加了如下表单元素

    1.<datalist>

    2.<keygen>

    3.<output>

    注释:默认地,浏览器不会显示未知元素。新元素不会破坏您的页面

    HMTL5<datalist>元素

    <datalist>元素为<input>元素规定预定义选项列表。

    用户会在他们输入数据时看到预定义选项的下拉列表。

    <input>元素的list属性必须引用<datalist>元素的id属性。

    实例:

    运行效果:

    输入类型:number

    <input type="number">用于应该包含数字值的输入字段。

    您能够对数字做出限制。

    根据浏览器支持,限制可应用到的输入字段。


    输入限制:


    相关文章

      网友评论

          本文标题:HTML 表单元素

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