html基础知识-表格标签(form,input)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- <title></title> form 、input form:表单最外层容器(如果没有form标签,其他功能点击没响应) input:用户搜索用户信息 如:输入框,密码框等 type: test 普通文本输入框 password 密码输入框 placeholder="回显内容" 回显内容 checkbox 复选框 checked 默认勾选复选框 disabled 不可勾选该复选框 radio 单选框 name="值" 只可勾选一个单选框 file 上传文件 submit 点击提交 action=“地址” 传入后台的地址 reset 点击重置 输入的数据都被清空 textarea cols="100" 占多少列 rows="100" 占多少行 select option 下拉框 selected 默认选中 size 显示几项 multiple 可多选 label for 可根据文本勾选复选框 </head> --> <body> <form action="http://www.baidu.com"> 1.普通文本输入框 <input type="text" placeholder="请输入用户名"/><br /> 2.密码输入框 <input type="password" placeholder="请输入密码" /><br /> 3.复选框 <input type="checkbox" checked/>男 <input type="checkbox" disabled=""/>女<br /> 4.单选框 <input type="radio" name="可勾选一个"/>男 <input type="radio" name="可勾选一个"/>女<br /> 5.上传文件 <input type="file" /><br /> 6.提交按钮 <input type="submit" /><br /> 7.重置 <input type="reset" /><br> 8.多行文本框 <textarea placeholder="请输入您的内容" cols="50" rows="20"></textarea><br> 9.下拉菜单 1.默认<br /> <select> <option selected disabled>请选择</option> <option>1</option> <option>2</option> <option>3</option> </select><br /> 2.页面展示几项内容<br /> <select size="3"> <option selected disabled>请选择</option> <option>1</option> <option>2</option> <option>3</option> </select><br /> 3.可多选<br /> <select multiple> <option selected disabled>请选择</option> <option>1</option> <option>2</option> <option>3</option> </select><br /> 4.上传文件也可以多选文件 <input type="file" multiple/><br> 5.通过点击男女,则勾选单选框 <input type="radio" name="0" id="1" /><label for="1">男</label> <input type="radio" name="0" id="2" /><label for="2">女</label> </form> </body> </html>