HTML编辑笔记3

表单

1.语法

  <form method="get|post" action="数据向哪提交的地址">

    //表单内容

  </form>

2.input 标签常用属性

  <input name="标签名" type="标签类型" value="标签默认值"/>

  size:文本框的宽度

  maxlength:输入文本框的字符的长度

  checked:单选框和复选框的默认选中

  selected: 下拉框的默认选中

3.常用标签类型

  text          //文本框

  password//密码框

  radio       //单选按钮

  checkbox//复选框

  button     //按钮

  submit     //提交按钮

  reset       //重置按钮

  url      //只能输入网址

  email  //只能输入邮箱

  number   //只能输入数字

  file     //文件域

  range  //滑块

  search   //搜索框

其他标签

  <select> :下拉框

    <option></option>  选项

  </select>

  <textarea></textarea>  文本域

注意:radio和checkbox中的name属性值需要保持一致,才能达到单选或者多选的作用.

4.表单的高级应用

  hidden  //隐藏域

  readonly    //只读

  disabled    //禁用

5.表单元素的标注

  例:

  <label for="id值"> 男</label>

  <input type="radio" id="id值"/>

6.表单初级验证的方法

  placeholder      //提示

  required   //必填项

       pattern            //正则表达式(输入的内容必须符合这个表达式的要求)

posted @ 2017-10-29 21:41  0w0  阅读(145)  评论(0编辑  收藏  举报