1.form表单有什么作用?
form表单的作用:用于搜集输入向服务器传输数据。
2.有哪些常用的input 标签,分别有什么作用?
- text : 文本框,只有一行
- password : 密码栏,输入的字符会变成圆点。
- button : 一个普通的按钮,需要js来实现功能。
- radio : 单选,同组的需要设置一样的name,然后根据不同的选项来设置value。
- checkbox : 多选,同样需要同组的需要设置一样的name,然后根据不同的选项来设置value。
- select option : 下拉菜单 name写在select中,value写在option中。
- file : 上传文件 通过accept来设置可接受的文件类型。例 : accept="image/png"。
- submit : 提交表单中的数据至action中的地址。
- reset : 重置表单中的数据。
- hidden : 隐藏域。不会在网页中显示。但是会跟随其它数据提交。
3.post与get的区别 转自w3schools
GET:
- GET requests can be cached 请求可以被缓存
- GET requests remain in the browser history 请求可以被存入浏览器历史
- GET requests can be bookmarked 请求可以被加入书签
- GET requests should never be used when dealing with sensitive data 不可以用于处理敏感数据
- GET requests have length restrictions 由长度限制
- GET requests should be used only to retrieve data 只能被用于查找数据
POST: - POST requests are never cached 不会被缓存
- POST requests do not remain in the browser history 不会被存入浏览器历史
- POST requests cannot be bookmarked 不可加入书签
- POST requests have no restrictions on data length 无长度限制
4.在input里,name 有什么作用?
因为表单在提交后数据会以 name = value的形式被贮存,所以必须设置name使得 name与value相对应。
5.radio如何分组?
设置相同的name
6.placeholder 属性有什么作用?
placeholder 起提示作用,无数据输入时会显示,有数据后会消失。
7.type=hidden隐藏域有什么作用? 举例说明
hidden 可以提交不是由用户编辑的数据。
在处理数据时可以通过检查hidden中的value来判断数据是否由用户发送,提高安全性。
8.不在前面问题中的其它
1).form标签的属性
- action:规定当提交表单时,向何处发送表单数据
- method:该属性定义浏览器将表单中的数据提交给服务器处理程序的方式(GET,POST......)
- target : 在何处打开action
- enctype : 可选属性。默认为application/x-www-form-urlencoded。上传文件则应使用multipart/form-data。
2).不属于input的其它标签
- textarea : 多行文本,需设置宽高,例:<textarea name="text" cols="30" rows="6">text</textarea>
- button : 用于定义一个按钮。由于不同浏览器中button默认的type不同,在使用时最好重新设置type。
- label : label的作用是在被点击是把焦点设置在对应的元素上。
例:
<label for="test">test</label>
<input id="test" name="test" type="text">