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>

分享给朋友:
您可能感兴趣的文章:
随机阅读: