表单中用到的小知识

1. placeholder（提供可描述输入字段预期值的提示信息(hint)。 该提示会在输入字段为空时显示,并会在字段获得焦点时消失）

eg:输入文字时，name变为输入的内容。

<input class="text" name="text"  placeholder="name" style=" background:#999 center repeat-x; width:220px;">

即可。

2.select 元素可创建单选或多选菜单。

<select> 元素中的 <option> 标签用于定义列表中的可用选项。

 eg:

          <select>
            <option value="men">理事长</option>
          <option value="women">董事</option>
          </select>

即可。

3.

3. 多选按钮

   <label for="inputEmail3" class="col-sm-2 control-label">性别：</label>
     <div class="button">
      <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 男
       <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 女
    </div>

 

4.评论框_textarea（发言框）

<textarea name="comment" rows="5" cols="40"></textarea>

5.选择框（小方框）

<input type="checkbox" name=""/>

 

转载于:https://www.cnblogs.com/zhouyx/p/4086905.html