html5中form表单

html5中form表单

在html5中表单里的内容单独写出来,input框中加入关键的
form=”id”(form表单中的id);

  1. 基本使用
    <form id="myForm" action="#"></form>
    <input type="text" form="myForm">
    `“
  2. 关于email
    1. <input type=email name=email form="myForm">//空单提交时没有检查,输入后有检查;
  3. 关于url
    1. <input type=url name=url form="myForm">//http://www.baidu.com注意前面的http头;
  4. 关于时间
    1. type=”date”/type=”time”/type=”month”/type=”week”
  5. 关于number
    1. <input type="number" max=10 min=0 step=2 value=5/>//step决定每增加或减少一次数值跳过几个;value表示开始的数值;
  6. 关于range
    1. <input type="range" max=10 min=0 step=1 value=5>//与number不同之处,他是进度条;
  7. 关于color
    1. <input type="color" value="#34538b" />//可以取浏览器的颜色;
  8. textarea中maxLength的最大长度;
    1. <textarea id="notes" name="notes" maxLength="10"></textarea>//最多输入10个字;
  9. 关于提示文字
    1. “input type="text" name="myText" required form="myForm"”//required设为true时,提交时这个input框提示不能为空值</li>
      <li>
      pattern=”\w+”把这个判断加到input框中,正则表达式的判断,还可以用placeholder=""来做提示

<form action="www.baidu.com" method="post" id="myForm"></form>
name:<input type="text" name="name" required pattern="\w+" placeholder="请输入数字/字母/下划线" form="myForm"><br/>
pwd:<input type="text" name="pwd"  required pattern="\w+" placeholder="请输入数字/字母/下划线" form="myForm"/><br/>
email:<input type=email name=email pattern="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" placeholder="请输入正确的格式" form="myForm" required/><br/>
tel:<input type="text" name="tel" pattern="^\d{11}" placeholder="请输入正确的格式" form="myForm" required/><br/>
<input type="submit" form="myForm" /><br/>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值