HTML表单_动力节点Java学院整理

时间：2017-06-23

2.密码框<input type="password"/>　

<input type=“password” name=“名称”/>

3.单选按钮<input type="radio"/>

使用方式：使用name相同的一组单选按钮，不同radio设定不同的value值，这样通过取指定name的值就可以知道谁被选中了，不用单独的判断。单选按钮的元素值由value属性显式设置，表单提交时，选中项的value和name被打包发送，不显式设置value。

    <input type=“radio” name=“gender” value=“male”/> 
    <input type=“radio”  name=“gender” value=“female”/>

4.复选框<input type="checkbox"/>

使用复选按钮组，即name相同的一组复选按钮，复选按钮表单元素的元素值由value属性显式设置，表达提交时，所有选中项的value和name被打包发送不显式设置value。复选框的checked属性表示是否被选中，<input type="checkbox" checked />或者<input type="checkbox" checked="checked" />(推荐)checked、readonly等这种一个可选值的属性都可以省略属性值。

     <input type =“checkbox” name=“language” value=“Java”/> 
     <input type =“checkbox”  name=“language” value=“C”/>
     <input type =“checkbox” name=“language” value=“C#”/>

5.隐藏域<input type="hidden"/>

隐藏域通常用于向服务器提交不需要显示给用户的信息。

<input type=“hidden” name=“隐藏域”/>

6.文件上传<input type="file"/>

使用file，则form的enctype必须设置为multipart/form-data，method属性为POST。

<input name="uploadedFile" id="uploadedFile" type="file" size="60" accept="text/*"/>

7.下拉框<select>标签

<select>标记创建一个列表框,<option>标记创建一个列表项,<select>与嵌套的<option>一起使用，共同提供在一组选项中进行选择的方式。

将一个option设置为选中：<option selected>北京</option>或者<option selected="selected">北京</option>(推荐方式)就可以将这个项设定为选择项。如何实现“不选择”，添加一个<option value="-1">--不选择--<option>，然后编程判断select选中的值如果是-1就认为是不选择。

select分组选项，可以使用optgroup对数据进行分组，分组本身不会被选择，无论对于下拉列表还是列表框都适用。　　

<select>标记加上multiple属性，可以允许多选(按CTRL键选择)

    <select name="country" size="10">
          <optgroup label="Africa">
              <option value="gam">Gambia</option>
              <option value="mad">Madagascar</option>
              <option value="nam">Namibia</option>
          </optgroup>
          <optgroup label="Europe">
              <option value="fra">France</option>
              <option value="rus">Russia</option>
             <option value="uk">UK</option>
         </optgroup>
         <optgroup label="North America">
             <option value="can">Canada</option>
             <option value="mex">Mexico</option>
             <option value="usa">USA</option>
         </optgroup>
     </select>

8.多行文本<textarea></textarea>

多行文本<textarea>创建一个可输入多行文本的文本框,<textarea>没有value属性,<textarea>文本</textarea>，cols=“50”、rows=“15”属性表示行数和列数,不指定则浏览器采取默认显示。

    <textarea name=“textareaContent” rows=“ 20“ cols=“50” >
             多行文本框的初始显示内容
    </textarea>

9.<label></label>标签

共3页:

2/3

上一篇：HTML表单提交的几种方式_动力节点Java学院整理 下一篇：HTML大于号、小于号、空格、引号等常用的转义代码写法一览表

HTML表单_动力节点Java学院整理

相关文章

最新文章