这里，“myInput”是文本框的ID，通过这个ID我们可以定位到具体的文本框，并获取到其中的内容除了使用JavaScript直接获取文本框的值，HTML5还提供了一些新的表单元素，如，等，这些元素内置了相应的属性和方法，使得获取用户输入变得更加简便例如，对于一个文本输入框，我们可以直接使用。

32 打开电脑上的Chrome，在地址栏里输入 aboutinspect 选中 Discover USB Devices前面的复选框出现下图画面点击查看大图4调试网页 41 你可以点击图32中检测到的设备上正在运行的网站下面那个inspect，或者在浏览器中输入 localhost9222 打开手机正在浏览的网页列表，如下图4。

widthheight图像的宽度和高度alt替代文本，当图像无法显示时显示的内容，也有助于SEO和屏幕阅读器表单 ltform作用用于收集用户输入的数据并提交到服务器属性action指定提交表单时数据发送到的URLmethod指定提交表单时使用的。

使用正则表达式在JavaScript中，可以通过正则表达式来限制文本框的输入例如，使用onkeyup或onafterpaste事件监听器，结合正则表达式Dg来替换非数字字符为空字符串，从而确保文本框中只能包含数字这种方法灵活且强大，可以适应各种复杂的输入限制需求使用HTML5属性HTML5提供了type=#34number#34。

HTML5对input表单进行了扩展，新增了许多类型及属性，以限制用户输入必须为相应类型，并提供了更多的表单验证功能新增的input类型type=#34email#34限制用户输入必须为Email类型type=#34url#34限制用户输入必须为URL类型type=#34date#34日期类型type=#34time#34。

2在html文件上创建一个input输入框，设置输入框的大小3然后需要按照图示代码ltscript type=quottextjavascriptquot src=quotjquery191minjsquotltscript引入文件4用正则表达式判断用户每次输入的内容，当内容不是数字就不显示5保存后html文件后，适用浏览器打开进行测试。

html2在indexhtml中的ltbody标签中，输入html代码其中iconpng是放大镜图标ltdiv ltinput type=quottextquot ltimg style=quotwidth 20pxposition absoluteleft 140pxtop 15pxquot src=quoticonpngquot ltdiv 3浏览器运行indexhtml页面，此时输入框右边添加了放大镜。