html 5 表单元素(下)

来源:互联网 发布:spss 贝叶斯网络示例 编辑:程序博客网 时间:2024/05/21 09:24

效果:

代码:

<!DOTTYPE html><html lang ="zh-cn"><head>  <meta charset="utf-8">  <title>表单元素(下)</title></head><body><form action ="http://li.cc" oninput="res.value=num1.valueAsNumber*num2.valueAsNumber>  <select name="fruit" size="10" multiple >    <optgroup lable="水果">      <option value="1">苹果</option>      <option value="2">香蕉</option>      <option value="3">橘子</option>    </optgroup>    <optgroup lable="谷物">      <option value="1">小麦</option>      <option value="2">大米</option>      <option value="3">玉米</option>    </optgroup>  </select>  ///多行文本框  <textarea rows="20" cols="40" name="content" wrap="hard">请留下您的建议</textarea>///乘法  <input type="number" id="num1" > X <input type="number" id="num2"> =   <output for="num1 num2" name="res">  </input>///<input type ="text" required>///大小<input type="number" min="10" max="100">///正则<input type="text" placeholder="请输入区号+座机“ parrern="^[\d]{2,4}\-[\d]{6,8}$">///输入025-888888后,点击提交  <button>提交</button></form></body>

ppt:


0 0
原创粉丝点击