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