HTML教程
input
表单
标签示例
用户名和密码:
用户名:
密码:
性别:
男
女
保密
爱好:
计算机
旅游
购物
照片:
个性照片上传
提交:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>HTML input 标签示例</title> </head> <body> <p><a href="http://www.dreamdu.com/xhtml/">HTML教程</a> <a href="http://www.dreamdu.com/xhtml/tag_input/"><strong>input</strong></a> <a href="http://www.dreamdu.com/xhtml/form/">表单</a>标签示例</p> <form id="dreamdu" action="http://www.dreamdu.com/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="submit" /> </fieldset> </form> </body> </html>