0220HTML学习

• 表单标签：
  • 表单标签：<form></form>
  • caption属性：设定数据需要传输的文件路径；
  • method属性：设定传输的方式（有get和post两种，其中get传输后可在浏览器阅读传输的内容，不具备保密性，post则不显示传输内容）；
  • 所有录入的文字，文件，密码，选项等数据均需嵌套在<form></form>里面；
  • 表单的设计一般结合表格进行布局和排版；
• 输入类元素：
  • 文字输入框：<input type=“text” name=“” />
  • 密码输入框：<input type=“password” name=“” />
  • 文本域：<textarea rows=“” cols=“"></textarea>(rows,cols分别定义文本域高和宽，可参考表格合并)
  • 上述3类标签的属性：
    • placeholder=“”:输入前的提示文字，提高用户体验
    • disable=“”:禁止变更
    • readonly=“”:禁止变更
    • readonly只对上述3种有效，且数据可传输出去，disable则对所有表单元素有效，且数据不可传输出去；
    • autofocus：加载后，鼠标光标自动定位到输入位置；
• 选项元素：
  • 单选：
    • <input type=“radio” name=“” value=“1”>1
    • <input type=“radio” name=“” value=“2”>2
      
  • 多选：
    • <select>
      • <option value=“”>1</option>
      • <option value=“”>2</option>
        
    • </select>
• 按钮
  • 传送按钮：<input type=“submit” value=“传送” />
  • 普通按钮：<input type=“button” value=“按钮“ />
  • 重置按钮：<input type=“reset” valur=“重置”  ／>
  • 文件上传：<input type=“file” multiple />(multiple表示可同时上传多个文件)
• 表单控件
  • 表单控件用于提高用户体验，用一下2种方式设定后，则鼠标点击录入框边上的文字标签亦可鼠标焦点转到对应位置。
  • 有两种方式：
    
    
    • <label>用户名：<input  type=”text”></label>
    
    
    • <label for=”user”>用户名：</label>  <label><input  type=”text” id=”user”></label>