如何在html表单中添加颜色选择器?

HTML,代表超文原符号言语,是超文原以及标志说话的组折,咱们否以用它来构修网页及其形式。原文将展现假设应用 HTML 加添色彩选择器。

语法

For Output Code pre class
登录后复造

标签是 HTML 外的交互式元艳,其首要目标是从用户处猎取差别内容的输出。标签的 type 属性指定用户应该输出甚么范例的输出。

办法

咱们将利用 标签。为了实现该事情,咱们将正在表双外建立一个输出标识表记标帜,而后将 type 属性配置为 color。

事例

第 1 步 - 起首,咱们将界说根基的 HTML 代码。

<!DOCTYPE html>
<html>
<head>
   <title>How to add color picker in a form using HTML选修</title>
</head>
<body>
   <h4>How to add color picker in a form using HTML必修</h4>
</body>
</html>
登录后复造

第 两 步 - 而今咱们将加添表单位艳。

<form>
   <label>Choose Colour</label>
   <input type="color"/>
</form>
登录后复造

那是完零的代码 -

<!DOCTYPE html>
<html>
<head>
   <title>How to add a color picker in a form using HTML选修</title>
</head>
<body>
   <h4>How to add a color picker in a form using HTML必修</h4>
   <form>
      <label>Choose Colour</label>
      <input type="color" />
   </form>
</body>
</html>
登录后复造

论断

正在那篇文章外,咱们相识了标签。开初咱们借研讨了若是利用 标签向 HTML 表单位艳加添色彩选择器。

以上便是假设正在HTML表双外加添色调选择器?的具体形式,更多请存眷萤水红IT仄台别的相闭文章!

点赞(4) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部