热门文章
联系方式
热门文章您当前的位置:主页 > 热门文章 >

前端-HTML,html5前端开发

发布于:2019-01-09 作者:环亚

前端-HTML,html5前端开发

HTML元素分类-表单元素

  1. <腾讯新闻input>元素:根据type属性,可变化为多种形态。

    <label>元素:为input元素定义标注。

<form>
    <label for="male">Male</label>
    <input type="radio" name="AAA" id="male" />
    <br />
    <label for="female">Female</label>
    <input type="radio" name="AAA" id="female" />
</form>

  

  2. <select>元素:定义下拉列表。

      <optgroup>元素:把相关选项结合在一起。

      <option>元素:定义待选择选项,根据selected属性定义预定义选项。

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

 

  3. <datalist>元素:为input元素预定义选项列表。这里的input元素的list属性值要等于datalist元素的id属性值。

<form action="">
    <input list="browsers" name="browser">
    <datalist id="browsers">
      <option value="Internet Explorer">
      <option value="Firefox">
      <option value="Chrome">
      <option value="Opera">
      <option value="Safari">
    </datalist>
    <input type="submit">
</form>

  

  4. <keygen>元素:用于生成表单的密钥对。当提交表单时,私钥存储在本地,公钥发送到服务器。(不兼容IE和Safari)

<form action="">
    用户名:<input type="text" name="usr_name" />
    加密:<keygen name="security" />
    <input type="submit" />
</form>

  

  5. <output>元素:定义不同类型的输出。(不兼容IE)

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
  <input type="range" id="a" value="50">100+
  <input type="number" id="b" value="50">=
  <output name="x" for="a b"></output>
</form>

  

  6. <fieldset>元素:可将表单内的相关元素分组。

      <legend>元素:为<fieldset>元素定义标题。

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高:<input type="text" />
    体重:<input type="text" />
  </fieldset>
</form>

  

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

<textarea name="message" rows="10" cols="30">
    The cat was playing in the garden.
</textarea>

  

  8. <button>元素:定义可点击的按钮。

<button type="button" onclick="alert('Hello World!')">Click Me!</button>

 

 

 

  

  

http://www.bkjia.com/HTML_CSS/1169350.htmlwww.bkjia.comtruehttp://www.bkjia.com/HTML_CSS/1169350.htmlTechArticle前端-HTML,html5前端开发 HTML元素分类-表单元素 1. input元素:根据type属性,可变化为多种形态。 label元素:为input元素定义标注。 form label f...

本文源自: 环亚国际