CSS表单内容

一、表单基础标签

1、action是我们的表单信息被提交时 后台接收数据的执行脚本的路径

2、method是数据的传输方式 post是隐性的 get是显性的数据在地址栏能被看到

3、文本域

 

4、密码域

 

5、单选框

 

6、复选框

 

7、下拉框

 

8、多行文本

 

9、文件域

 

10、提交按钮

 

11、图片按钮

 二、表单属性

1、

value是默认值

            placeholder是提示性文字

             maxlength允许输入的最大字符数  防止恶意注册

             label标签的for属性值和表单的id属性值一样时 可以让用户点击label标签时自动获得表单的焦点

             required必填项

2、readonly只读属性  只能看 不能修改

3、checked是默认选中

4、selected下拉栏的默认选中

5、disabled禁用属性

三、新增表单（各个控件）

		
				<!-- 网址控件 -->
				<p class="p1">
					<span>网址</span>
					<input type="url" name="" id="" value="120" class="npt"/>
			
				</p>
			<p>
				<!-- 日期控件 -->
				日期<input type="date" name="" id="" value="" />
			</p>
			<p>
				<!-- 时间控件 -->
				时间<input type="time" name="" id="" value="" />
			</p>
			
			<p>
				<!-- 邮箱控件 -->
				邮箱<input type="email" name="" id="" value="" />
			</p>
			<p>
				<!-- 电话控件 -->
				电话<input type="tel" name="" id="" value="" />
			</p>
			<p>
				<!-- 颜色控件 -->
				颜色<input type="color" name="" id="" value="" />
			</p>
			<p>
				<!--数字控件 -->
				数字<input type="number" name="" id="" value="" step="5"/>
			</p>
			<p>
				<!--滑块控件 -->
				滑块<input type="range" name="" id="" value="" step="10"/>
			</p>
			<p>
				<!--搜索控件 -->
				搜索<input type="search" name="" id="" value=""/>
			</p>