input 标签中常用的类型属性和用法

关于<input>标签

标签本身在HTML代码中是空的,也就是说,单独调用标签没有任何效果。标签的常见属性是type,它也有许多属性。本文主要介绍类型属性的一些常见属性。

常用的type属性

纯文本内容   <input type=”text” >
密码纯文本内容   <input type=”password”>
提交按钮   <input type=”submit”>
单选框      <input type=”radio”>
多选框      <input type=”checkbox”>

常用的类型是上述类型

text 和 password  的区别

文本和密码实际上是一样的。它们都代表纯文本内容属性。text属性不隐藏输入框中的文本内容,而password属性隐藏并保护输入框中的文本内容。密码属性通常用在密码输入框中

submit 属性的作用

submit属性用于将表单的内容提交给服务器。

在正常情况下,提交属性在单个表单中只会出现一次。

radio 属性的介绍 以及代码的写法

无线电属性介绍

无线电属性表示无线电框。当我们注册账户时,

一般来说,有一个选择性的选择,这个选择是单一的选择。

这个时钟选择框是一个无线电框,即通过类型调用无线电属性的标签所达到的效果

效果演示:

请选择您的性别:
男女保密

代码编写:

  1. <form>
  2. 请选择你的性别<br/>
  3. <input type=“radio” name=“x””>
  4. <input type=“radio” name=“x” >
  5. <input type=“radio” name=“x”>保密
  6. </form>

checkbox 属性的介绍 以及代码的写法

checkbox 属性的介绍:

checkbox 属性代表的是多选框,在很多网页里面也是可以看到的,例如选择兴趣爱好,很多人不止一种兴趣爱好,而这个时候就会用到checkbox属性来制作一个多选框,写法和单选框radio属性一样的。

演示效果 :

            你有哪些兴趣爱好?
            书法 篮球 足球

        代码的写法:

  1. <form>
  2. 你有哪些兴趣爱好?<br />
  3. <input type=“checkbox” name=“x”>书法
  4. <input type=“checkbox” name=“x”>篮球
  5. <input type=“checkbox” name=“x”>足球
  6. </form>

附言

单选框和多选框的前提是它们的选项在同一个组中。我们可以通过名称属性设置组。

我上面提到的属性都是表单中标签使用的类型属性,这在其他标签中并不意味着相同的效果。

 

本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。

如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。

转载请注明来源:<input >标签中常用的类型属性和用法

本文链接:https://www.axdzc.com/blog/input

评论0

请先

没有账号? 忘记密码?