表单
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> textarea{ width: 100px; height: 200px; } </style> </head> <body> <form action=""> <label for="user_name">用户名:</label> <!-- 指向id,点击lable标签的时候能使指向的id元素获取焦点 --> <input type="text" name="" value="doudou" id="user_name" disabled="disabled" /> <!-- 输入框,不允许修改的时候加上disable的属性 --> <input type="password" name="" value=""> <!-- 密码 --> <input type="radio" name="sec" value="men" >男 <!-- 单选-name值需要一样--> <input type="radio" name="sec" value="women" checked="clicked">女 <!-- checked默认选中 --> <input type="checkbox" name="xingqu" value="eat">吃 <input type="checkbox" name="xingqu" value="sleep">睡 <input type="checkbox" name="xingqu" value="play" checked="checked">玩 <!-- 复选框,checked默认选中 --> <input type="submit" name="" value="提交"> <!-- 提交按钮 --> <input type="reset" name="" value="重置"> <!-- 重置按钮, --> <input type="button" name="" value="按钮"> <!-- 自定义按钮 --> <input type="image" name="" value=""> <input type="file" name="" value=""> <!-- 上传文件 --> <input type="hidden" name="" value="隐藏"> <!-- 隐藏 --> <select> <!-- 下拉列表 --> <option>北京</option> <option selected="selected">上海</option> <!-- selected属性默认选中 --> <option>深圳</option> </select> <textarea></textarea> <!-- 多行文本输入框 --> </form> </body> </html>
表单基本类型