可输入状态:
<input>
<textarea></textarea>//默认状态下都可以输入数据
锁定状态:
<input readonly="readonly">
<textarea readonly="readonly"></textarea>//锁定状态都只需要加readonly属性
type=“text”输入框
type=“password”密码点显示,
type=“radio”单选框 type=“checkbox”复选框:
(单选或复选,用<lable>标签包括之后,则选项字体与圈圈,都能点击)。
type=“email”,邮箱输入框就可以使用@符号。
type=“file”从电脑里选择文件
type=“number”会出现上下箭头选择数字。
type=“submit”提交
type="reset"取消
type=“button”按钮样式
//效果展示
大于等于0的正数,允许小数
<input type="number" step="1" min="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''">
大于0的正整数
<input type="text" placeholder="输入金额" style="width: 80px;" value="" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"/>