第二次网页前端培训笔记

1.form标签
            表单标签，块级元素，会自动换行将数据传输给服务器。
       常用属性:
            action表单提交的地址urlid唯一标识工name名称
            target表单提交打开方式（当前窗口)method提交方式
            get请求
            参数会直接跟在url后面，用问号拼接。
            安全性差，传递的数据量小，效率高(是post速度的两倍)，有缓存post请求
            参数不会跟在url地址栏后面，会放在请求体中。
            安全性高，传输数据量大，速度相对来说慢，无缓存。 

2.input元素
                    type
                    表单元素的类型text文本框
                    password  密码框
                    radio     单选框(需要设置一组相同的name属性值)checkbox复选框(需要设置一组相同的name属性值)button普通按钮
                    hidden    隐藏域(（用来存放需要传递给服务器，但不需要显示的数据)file 文件域(上传文件)
                    date      日期框
                    submit    提交按钮  
                    reset     重置按钮
                    image     图片按钮(提交按钮)
                    value     表单元素的值
                    checked   是否选中(单选框/复选框)disabled是否禁用
                    maxlength 允许输入的最大字符
                    
                    textarea文本域
                            cols 和rowslabel标签
                            设置label标签的for属性值与表单元素的id属性值对应，当点击label标签时，会自动给表单元素聚焦
                    
                    button按钮
                            type
                                    button普通按钮
                                    submit提交按钮(默认值)reset重置按钮\
                            
                    常用属性:
                        value设置值
                        selected·设置选中

 编号：<input type="hidden" name="uesID" value="1" /><br>
			  <label for="userName">姓名：</label><input type="text"id="userName" value="张三" name="userName"/><br>
			  密码：<input type="password" value=""name="Password" maxlength="6" /><br>
			  
			 
			  性别: 男 <input type="radio" name="userSex" value="man"checked="checked"/>
			        女 <input type="radio" name="userSex" value="woman" /> <br>
			  爱好: 唱歌 <input type="checkbox" name="userHobby" value="sing"checked="checked"/>
			        跳舞 <input type="checkbox" name="userHobby" value="dance"disabled="disabled"/>
					说唱 <input type="checkbox" name="userHobby" value="rap" /><br>
			  生日: <input type="date" name="userDate" /><br>
			  头像：<input type="file" name="userHead"/><br>
			  简介：<textarea name="remark" rows="10"cols="50">1231313</textarea><br>
			  城市：
			        <select name="city">
						<option >请选择城市</option>
						<option value="ShangHai">上海</option>
						<option value="BeiJing">北京</option>
						<option value="郑州">郑州</option>
						<option value="jiangsu">江苏</option>
					</select>

			  <input type="submit" value="提交"/><br>
			  <input type="button" value="普通按钮"/>
			  <input type="reset" value="重置按钮"/>
			  <input type="submit" value="提交按钮"/>
			  <!-- <input type="image" src="img/137783ce-991c-43b7-97e0-8658cbdedd78.jpg"/> -->
			 <button type="button">普通按钮</button>
			 <button type="submit">提交按钮</button>
			 <button type="reset">重置按钮</button>

 

状态