HTML input 标签

input 标签 -- 代表HTML表单的单行输入域

input标签是单独出现的,<input />

属性.

Common -- 一般属性

type -- 代表一个输入域的显示方式(分为输入型,选择型,点击型)

value -- 输入域的值

size -- 输入域的长度

maxlength -- 输入域最多可以输入文字的长度

checked -- 如果是选择型的输入域,代表已经被选择

readonly -- 输入域可以选择,但是无法修改

disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用

accesskey -- 表单的快捷键访问方式

tabindex -- 输入域的"tab"键遍历顺序

src -- 当使用图片来表示按钮时,代表图片的位置(URI)

alt -- 用来替换提交按钮的图片(当在input的src属性定义的图片无法显示时)

示例
<form id="dreamdu" action="dreamdu.php" method="post" enctype="multipart/form-data">
        <fieldset>
                <legend>用户名和密码:</legend>
                <input id="hiddenField" name="hiddenField" type="hidden" value="hiddenvalue" />
                <label for="username">用户名:</label>
                <input type="text" id="username" name="username" value="dreamdu" size="15" maxlength="25" />
                <label for="pass">密码:</label>
                <input type="password" id="pass" name="pass" size="15" maxlength="25" />
        </fieldset>
        <fieldset>
                <legend>性别:</legend>
                <label for="sex">男</label>
                <input type="radio" value="1" id="sex" name="sex" />
                <label for="sex">女</label>
                <input type="radio" value="2" id="sex" name="sex" />
                <label for="sex">保密</label>
                <input type="radio" value="3" id="sex" name="sex" />
        </fieldset>
        <fieldset>
                <legend>爱好:</legend>
                <label for="fav">计算机</label>
                <input type="checkbox" value="1" id="fav" name="fav" />
                <label for="fav">旅游</label>
                <input type="checkbox" value="2" id="fav" name="fav" />
                <label for="fav">购物</label>
                <input type="checkbox" value="3" id="fav" name="fav" />
        </fieldset>
        <fieldset>
                <legend>照片:</legend>
                <label for="myimage">个性照片上传</label>
                <input type="file" id="myimage" name="myimage" size="35" maxlength="255" />
        </fieldset>
        <fieldset>
                <legend>提交:</legend>
                <input type="submit" value="submit" id="submit" name="submit" />
                <input type="reset" value="reset" id="reset" name="reset" />
        </fieldset>
</form>