表单的元素
<!--action:用来指定当前的表单数据提交到那个服务器
type:用来指定表单元素的类型
value:用来指定输入框或者按钮的默认显示文本,直白的说就是让文本框显示什么内容
name:用来拼接提交的到服务端的键值对
method:用来指定表单数据提交到服务端的方式
(1):get(默认):传递的数据以拼接到url的方式传递到服务端
缺点:敏感信息会暴露在网址栏
2.信息传输数据量有限
优点:传输速度相对快一些
(2):post
优点:传输的数据被隐藏
2.传输的数据量基本不受限制
缺点:传输速度相对慢一些-->
***<!--fieldset:表格的外边框-->
<!--file:插入文件的功能-->
<!--legend:表格标题--><!--通过同名的name属性把多个属性划分为一组, 同一组内的元素只能有一个选项处于选中状态,实现互斥的效果-->
<!--单选框和多选框都要提交value和name属性-->单选框的时候用radio,多选的时候用checkbox<input type="checkbox" name="hobby" value="basketball">篮球<input type="radio" name="sex" value="man">男
<!--这是文字区块--> <textarea cols="20" rows="10"></textarea>智能表单
<input type="submit" value="登录"> <!--submit:触发表格提交功能--> <input type="reset" value="清空"> <!--reset:触发表格回复原始数据的功能--> <input type="button" value="播放"> <!--image和submit一样,也会触发表单的提交功能-->form action=""></form> <table> <td><form action="" id="form1"> 姓名:<input type="text" name="name"> <input type="submit"> </form> 密码:<input type="password" name="ppp" form="form1">表格外的元素通过id定义可以在网页中实现效果
H5新的表单元素
邮箱:<input type="email"><br> 网址:<input type="url"><br> 日期:<input type="date"><br> 月份:<input type="month"><br> 星期:<input type="week"><br> 数字:<input type="number" max="20"><br> 时间:<input type="time"><br> 滚动:<input type="range"><br> 颜色:<input type="color"><br><!--placeholder:文本自动提示 autofocus:自动获取光标 autocomplete:文本自动补全 disabled:孙定输入框或者禁用按钮 required:必填项-->css字体属性整理
字体粗细:font-weight 字体大小:font-size
字体系列:font-family 字体样式:font-style
字体透明度:opacity
Css文本属性整理
文本对齐方式:text-align
文本字体行高:line-height
文本字体间的间距:letter-spacing
文本修饰线:text-decoration
文本修饰线的颜色:text-decoration-color
修饰线的属性:soli:实线 doubl:双线条
Dotted 虚线 wavy:波浪线
文本缩进:text-indent
文本单行显示,多余部分显示… :text-overflow:ellipsis
文本超出部分不断行:white-space: nowrap
文本超出部分隐藏:overflow:hidden
表单元素属性
Placeholder:文本自动提示
Autofocus:自动获取光标(也就是说打开页面后能直接填写不需要鼠标点击文本框)
Autocomplete:文本自动补全