html 5 表单元素（下）

最新推荐文章于 2022-07-04 00:13:29 发布

fxy流年无悔

最新推荐文章于 2022-07-04 00:13:29 发布

阅读量389

点赞数

分类专栏： web 文章标签： html5

本文链接：https://blog.csdn.net/a716121/article/details/52100881

版权

web 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

效果：

代码：

<!DOTTYPE html>
<html lang ="zh-cn">
<head>
  <meta charset="utf-8">
  <title>表单元素（下）</title>
</head>
<body>

<form action ="http://li.cc" οninput="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: