码迷,mamicode.com
首页 > Web开发 > 详细

html学习笔记表单<form>

时间:2016-05-27 21:43:18      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:

<label for="username">用户名:</label>//控件id名称
      <input type="text"  name="username" id="username" value="" />

其中,<label>标签的for属性用来是点击文字光标对应相应id的控件。label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该 label标签相关连的表单控件上)。

当用户需要在表单中输入大段文字时,需要用到文本输入域。

<textarea cols="50" rows="50">在这里输入内容...</textarea>

<input>标签中单选框radio的name值一定相同,多选框类型为checkbox。其中checked="checked"表示默认选中。

<form action="save.php" method="post" >
    <label>性别:</label>
    <label></label>
    <input type="radio" value="1"  name="gender-man" checked="checked" />
    <label></label>
    <input type="radio" value="2"  name="gender-man" />
</form>

下拉框使用<select><option></option></select>标签,其中value中的值是表单提交的值,外面的值为显示的值。

<select>
      <option value="看书">看书</option>
      <option value="旅游" selected="selected">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>

下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键+单击

<select multiple="multiple">
      <option value="看书">看书</option>
      <option value="旅游" >旅游</option>
      <option value="运动"  >运动</option>
      <option value="购物" >购物</option>
    </select>

当用户需要提交表单信息到服务器时,需要用到提交按钮。类型为submit,提交到action行为中。当用户需要重置表单信息到初始时的状态时,重置类型为reset。

同时进行

html学习笔记表单<form>

标签:

原文地址:http://www.cnblogs.com/zrning911/p/5535994.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!