表单标签
一.一个完整的表单包含三个基本组成部分:(表单标签、表单域、表单按钮)
1.表单标签:form标签,用于设置服务器地址、请求方式等等
2.表单域:用户需要填写或选择的数据,输入框、单选框、复选框、下拉列表等等
3. 表单按钮:提交按钮、重置按钮、普通按钮等等。 表单的使用: form标签需要包裹“表单域”和“表单按钮” 假设当用户点击“submit按钮”的时候,form表单会自动收集用户输入或选择数据,然后提交给服务器
注意:“表单域”中的标签必须添加name属性,name属性值就作为提交给服务器的字段名
二.input标签的type属性
type="text" 普通文本输入框 type="password" 密码输入框 type="submit" 提交按钮
三.input标签的value属性:
1.设置input标签的默认值
2.获取文本输入框中的内容(JavaScript才会使用)
3.设置表单按钮的显示文本
四.form的相关属性
1.action:请求地址,指定form表单向何处发送数据。
2.name="login":作用是给表单起名,为了便于我们JS操作。
3.enctype ="string":规定在发送表单数据之前,如何对表单数据进行编码。
通常在使用文件上传时,我们会 enctype="multipart/form-data",以二进制传输。
4.method ="get/post":指定表单以何种方式发送到指定的服务器程序,该属性定义浏览器将表单中的数据提交给服务器处理程序的方式。
注:关于method的取值,最常用的是get和post。默认是get请求!