正则表达式判断输入的值

问题描述：

正则表达式只能输入数字和小数点且第一位不能为0，保留小数点后一位

网友观点：

匹配第一位不为0的数字：/^((?!0).)[0-9]/
保留一位小数：num.toFixed(1)

HTML5学习笔记-form表单

表单元素：

• 单行文本框
• <input type="text">
• <input type="password">
• 多行文本框
• <textarea></textarea>
• 复选框
• <input type="checkbox">
• 单选框
• <input type="radio">
• 按钮
• <input type="button">
• <input type="image">
• <input type="submit">
• <input type="reset">
• 列表
• <select><option></option></select>

表单属性：

占位符文本：一般表单元素都是空的，可以用占位符文本placeholder属性来填入文本框的提示性文本。这种文本是浅灰色的，区别输入值。

焦点：加载完表单之后用户要做到事情就是输入。可以使用autofocus属性来帮助用户自动定位到这个元素。

验证：

• required属性来要求用户这个输入项是必填的。
• optional属性来要求用户这个输入项是选填的。
• valid属性来要求用户这个输入项是有效的。
• invalid属性来要求用户这个输入项是无效的。
• in-range属性根据min和max属性判断输入值是否在范围内。
• out-of-range属性根据min和max属性判断输入值是否在范围外。

关闭验证：form表单中添加novalidate属性来关闭整个表单验证。也可以在submit按钮中添加formnovalidate属性来关闭验证。

pattern：输入正则表达式来进行验证。

新的输入控件：

各种浏览器可以有自定义的input类型。如果浏览器不支持，也会变成默认的input框。如果支持的情况下。会有更好的体验。

新元素：

• datalist

显示输入建议：新的datalist元素可以让你在普通文本框中添加一个下拉建议列表。这样。填表的人既可以直接从列表中直接输入，也可以自由输入。

<datalist>必须配合一个标准的input文本框来使用。例如，我们有下面的一个输入框：