HTML5新表模块素

日期:2021-01-20 类型:科技新闻 

关键词:公众号小程序,小程序正规价格表,微信群签到小程序,网络抽签小程序,个人做小程序需要什么

HTML5 新的表模块素

HTML5 有下列新的表模块素:

<datalist>
<keygen>
<output>
留意:并不是全部的访问器都适用HTML5 新的表模块素,可是你能够在应用它们,即便访问器不适用表单特性,依然能够显示信息为基本的表模块素。

HTML5 <datalist> 元素

<datalist> 元素要求键入域的选项目录。

<datalist> 特性要求 form 或 input 域应当有着全自动进行作用。当客户在全自动进行域中刚开始键入时,访问器应当在该域中显示信息填写的选项:
应用 <input> 元素的目录特性与 <datalist> 元素关联.

<!DOCTYPE html>
<html>
<body>

<form action="demo-form.php" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>

<p><strong>留意:</strong> Internet Explorer 9(更早IE版本号),Safari不适用 datalist 标识。</p>

</body>
</html>

HTML5 <keygen> 元素

<keygen> 元素的功效是出示1种认证客户的靠谱方式。

<keygen>标识要求用于表单的密匙对转化成器字段。
当递交表单时,会转化成两个键,1个是私钥,1个公匙。
私钥(private key)储存于顾客端,公匙(public key)则被推送到服务器。公匙能用于以后认证客户的顾客端资格证书(client certificate)。

<!DOCTYPE html>
<html>
<body>

<form action="demo_keygen.php" method="get">
  客户名: <input type="text" name="usr_name">
  数据加密: <keygen name="security">
  <input type="submit">
</form>

<p><strong>留意:</strong> Internet Explorer 不适用 keygen 标识。</p>

</body>
</html>

HTML5 <output> 元素

<output> 元素用于不一样种类的輸出,例如测算或脚本制作輸出:

<!DOCTYPE html>
<html>
<body>

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>

<p><strong>留意:</strong>  Internet Explorer 不适用 output 标识。</p>

</body>
</html>        

HTML5 新表模块素

以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。