10.2. HTML input 标签
input 标签 -- 代表HTML表单的单行输入域
- input标签是单独出现的,
<input /> - 属性.
- Common -- 一般属性
- type -- 代表一个输入域的显示方式(分为输入型,选择型,点击型)
maxlength-- 输入域最多可以输入文字的长度src-- 当使用图片来表示按钮时,代表图片的位置(URI)alt-- 代表表单的提示文字,当鼠标停留时size-- 输入域的长度value-- 输入域的值- accesskey -- 表单的快捷键访问方式
- checked -- 如果是选择型的输入域,代表已经被选择
- disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
- readonly -- 输入域可以选择,但是无法修改
- tabindex -- 输入域的"tab"键遍历顺序
- 引用网址:http://www.dreamdu.com/xhtml/tag_input/
示例
<formid="dreamdu"action="dreamdu.php"method="post"enctype="multipart/form-data"><fieldset><legend>用户名和密码:</legend><inputid="hiddenField"name="hiddenField"type="hidden"value="hiddenvalue"/><labelfor="username">用户名:</label><inputtype="text"id="username"name="username"value="dreamdu"size="15"maxlength="25"/><labelfor="pass">密码:</label><inputtype="password"id="pass"name="pass"size="15"maxlength="25"/></fieldset><fieldset><legend>性别:</legend><labelfor="sex">男</label><inputtype="radio"value="1"id="sex"name="sex"/><labelfor="sex">女</label><inputtype="radio"value="2"id="sex"name="sex"/><labelfor="sex">保密</label><inputtype="radio"value="3"id="sex"name="sex"/></fieldset><fieldset><legend>爱好:</legend><labelfor="fav">计算机</label><inputtype="checkbox"value="1"id="fav"name="fav"/><labelfor="fav">旅游</label><inputtype="checkbox"value="2"id="fav"name="fav"/><labelfor="fav">购物</label><inputtype="checkbox"value="3"id="fav"name="fav"/></fieldset><fieldset><legend>照片:</legend><labelfor="myimage">个性照片上传</label><inputtype="file"id="myimage"name="myimage"size="35"maxlength="255"/></fieldset><fieldset><legend>提交:</legend><inputtype="submit"value="submit"id="submit"name="submit"/><inputtype="reset"value="reset"id="reset"name="reset"/></fieldset></form>
说明
id属性,标识了一个input标签,此属性包含在Common属性中.