表单就是-----用于搜集不同类型的用户输入。
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
首先将表单元素分为三个类型。文本类,按钮类,选择类。
表单可以嵌套在表中,也可以再表中嵌套表单,作用范围不一样。(范围自行脑补)
表单也是创建在<body></body>中
表单创建---<form action="" method=""></form> 注意这里不是from
首先是文本类
- <input type=''text'' value="默认显示内容"/> --文本框 placeholder="可以再里面加上鼠标一点就会消失的灰色提示"如果用这个,value就不能有字
- <input type="password"/> --密码框 也可以用value添加默认内容,框内显示的是隐藏内容也就是小点
- <input type="textarea"/> --文本域,就像是贴吧底下发评论的那个框框,可以换行
- <input type="hidden"/> -- 隐藏域,没什么用 用户看不见
按钮类
- <input type="button" value="按钮上显示的字"/> --普通的按钮,就是上面的忘记密码
- <input type="submit"/> --默认叫提交,提交并且刷新,会把所有数据往服务器里发送
- <input type="reset" /> --默认叫重置,清空同一表单内的内容(不包括默认内容)
- <inout type="image" src=“” /> --图片按钮,也是提交按钮 可以再src里面添加相对路径,加入图片后按钮就成为图片形状,功能不变。
选择类
- <input sype="radio" name="sex" id="nan"/> --单选(在同一组里直选一个。checked="checked"(成为默认选项),直接在<>后加上字就可以显示
分组↑ ↑ 这个元素的编号(识别作用),不能重复。
- <lable for="nan">男</label> --关联,让用户点男这个字也可以选中,也可以把男换成图片
↑元素的id
- <input type="checkbox"/> --多选 也是需要分组的
- <select> -- 下拉菜单
<option>aaa</option> --菜单内的菜
</select>
- <input type="file" /> --上传文件
除了文本域之外,其他的实用时都要用value