表单中用到的小知识

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

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

<input class="text" name="text"  placeholder="name" style=" background:#999 center repeat-x; 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