第十四章 表单脚本

表单脚本

1. 表单的基础知识

  • 提交表单:submit
  • 重置表单:reset
  • 表单字段
    1. 共有的表单属性
disabled 当前字段是否被禁用
form 当前字段所属的表单的指针
name 当前字段的名称
readOnly 当前字段是否只读
tabIndex 当前字段的切换(Tab)序号
type 当前字段的类型
value 当前字段将提交给服务器的值
  1. 共有的表单字段方法:focus() 和 blur()
  2. 共有的表单字段事件:blur、change 和 focus

2. 文本框脚本

  • <input> 单行文本框和 <textarea> 多行文本框
  • 选择文本
    1. select() 方法会选择文本框中的所有文本
    2. 选择(select)事件:选择文本框中的文本时触发
    3. 取得选择的文本:selectionStart 和 selectionEnd
    4. 选择部分文本:setSelectionRange()
  • 过滤输入
    1. 屏蔽字符
    2. 操作剪贴板
  • 自动切换焦点
  • HTML 5 约束验证 API
    1. 必填字段:在表单字段中指定了 required 属性
    2. 数值范围:指定 min 属性、max 属性和 step 属性
    3. 输入模式:pattern 属性,其值是一个正则表达式
    4. 检测有效性:checkValidity() 方法检测表单中的某个字段是否有效
    5. 禁用验证:设置 novalidate 属性

3. 选择框脚本

  • 选择选项:selectedIndex
  • 添加选项
  • 移除选项
  • 移动和重排选项

4. 表单序列化

5. 富文本编辑

-------------本文结束 感谢您的阅读-------------
您的支持将鼓励我继续创作!