html学习整理

表单的元素

<!--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：文本自动补全