form表单

1.表单标签：

<form>action= " " method= " " enctype = " 
　　表单域
"</form>

属性:
action:表示访问服务器的地址
enctype:
　　　　application/x-www-form-urlencodec[默认值] 格式："num=1&num2=2"
　　　　multipart/form-data[用于文件上传]
　　　　text/plain[用于纯文本数据发送]
　　　　json 格式：{"a":1,"b":2}
method:post、get（请求方式）
target:是否覆盖原页面。

2.表单域：

例：
    <form
         action="http://127.0.0.1:8888" 
         method="get" 
         enctype="application/x-www-form-form-urlencoded"> 
         <p>姓名：<input type="text" name="user"></p>
         <p>密码：<input type="password" name="psw"></p>
         <p>姓名：<input type="submit"></p>
    
</form>     

注：type中的类型为固定类型（表单中submit类型必须存在，对表单进行提交）
　　name：该属性在提交时会以name为键，提交的内容为值传给后端  
　　请求：尽量使用post请求，get请求会在url中看到请求的数数据（数据放在请求头后面发送）         

 3.复选框：

#复选框中需要有value值，如果勾选会将键值对传给后端，不选择则不会发
#name的值可以相同也可以不同，但是相同便于后端取值

<p><input checked tyoe = "checkbox" name= "hobby" value = "a"></p>

<p><input tyoe = "checkbox" name= "hobby" value = "3"></p>

注：checked为checked = “checked”的缩写，表示默认有该属性的值为默认值，并提交给后端

4.单选框：

#name必须相同才能实现单选
男<input type="radio" name="gender" value=""1>
女<input type="radio" name="gender" value=""1>
其他<input type="radio" name="gender" value=""1>

5.日期：

#日期格式XXXX-XX-XX
生日：<input type = "date" name = "birrth">

6.下拉框：

<select name= “province” id = “” multple= “multiple” size= "2">

　　<option value= "hebei">河北</option>

　　<option value= "hebei">湖北</option>

　　<option value= "hebei" selected= "selected">东北</option>

 

</select>

注：nuktple表示可以进行多选
　　size表示弹出框大小
　　selected表示默认选中

7.多行文本

<textarea name = ”info“ cols = ”50“ rows=”10“ placeholder = ”个人简介“></textarea>
注：placeholder可以作为隐性提示，会显示在需要填写内容的地方作为提示，所有的input标签都可以使用

8.按钮的使用

1.<input type= "button" value= "按钮">#为普通按钮，没有特殊含义
2.<input type= "reset" >             #为重置按钮，清空form中选择的内容
3.<input type= "submit">             #为提交按钮
4<button>提交数据</button>            #如果放在form里面等同于提交，放在form外面则普通按钮

 9.焦点

#用于焦点汇聚
<label for = "user">姓名：</label>
<input type="text" name = "user"  placeholder = "用户名" id= "user">