下拉框 文本域 文件域 邮箱 URL数字 滑块 搜索框、隐藏域 只读 禁用、表单初级验证 2022-1-20

下拉框: selected表示默认选中


    

国家:

在这里插入图片描述

文本域

    
    

反馈:

下拉框 文本域 文件域 邮箱 URL数字 滑块 搜索框、隐藏域 只读 禁用、表单初级验证 2022-1-20_第1张图片

文件域

    
    

在这里插入图片描述

邮件验证

    
    

邮箱:

在这里插入图片描述

URL、数字

    
    

url:

数字:

下拉框 文本域 文件域 邮箱 URL数字 滑块 搜索框、隐藏域 只读 禁用、表单初级验证 2022-1-20_第2张图片

滑块


    

音量:

在这里插入图片描述

搜索框

	
    

搜索:

在这里插入图片描述

只读: 改为只读模式:readonly,内容不可修改

名字:

在这里插入图片描述

禁用:disabled禁用,只能选择没有禁用的那个

在这里插入图片描述

隐藏:hidden

用隐藏的方法可以设置密码的初始值,并且不显示

密码:

在这里插入图片描述
在这里插入图片描述

增强鼠标可用性

测试方法一

    

在这里插入图片描述

测试方法二(id="mark"的位置 以及通过mark的跳转)


    

搜索:

在这里插入图片描述

表单初级验证

常用方式:

  • placeholder:提示信息
  • required:元素非空
  • pattern:正则表达式

placeholder:提示信息

名字:

在这里插入图片描述

required:表示元素不能为空

    

名字:

下拉框 文本域 文件域 邮箱 URL数字 滑块 搜索框、隐藏域 只读 禁用、表单初级验证 2022-1-20_第3张图片

正则表达式的查找网址:https://www.jb51.net/tools/regexsc.htm

pattern:正则表达式

    

自定义邮箱:

在这里插入图片描述

你可能感兴趣的:(笔记,html,前端)