input type=”text” (Elements) – HTML 中文开发手册

[
  •   HTML 中文开发手册

    input type="text" (Elements) - HTML 中文开发手册

    "text"类型的<input>元素 创建通用的单行文本字段。

    <input type="text">

    表示文本字段中包含的值的DOMString。

    活动

    change 和 input

    支持的通用属性

    autocomplete, list, maxlength, minlength, pattern, placeholder, required, size.

    IDL属性

    value

    方法

    select(),setRangeText(),setSelectionRange()

    例子

    该value属性包含一个DOMString表示文本字段中包含的值。您可以使用HTMLInputElement.valueJavaScript中的属性来检索它。

    myTextInput.value;

    如果输入没有验证约束(请参阅验证以获取更多详细信息),该值可以是文本字符串或空字符串(“”)。

    使用文本输入

    text类型的<input>元素 用于创建通用的单行输入 - 您应该使用它们,无论您希望用户输入一个单行值,并没有一个更好的输入类型可用于收集该值(如果它是一个日期,网址,电子邮件或搜索词,例如,你有更好的选择)。

    基本的例子

    <form>
      <div>
        <label for="uname">Choose a username: </label>
        <input type="text" id="uname" name="name">
      </div>
      <div>
        <button>Submit</button>
      </div>
    </form>

    这呈现如下:

    提交时,发送到服务器的数据键/值将是uname=Chris(如果在提交之前输入“Chris”作为输入值)。你必须记得name为你的输入设置一个,否则什么都不会被提交。

    设置占位符placeholders

    ]
    转载请保留页面地址:https://www.breakyizhan.com/html/30913.html

    posted on 2020-07-07 21:22  MrAit  阅读(542)  评论(0编辑  收藏  举报

    导航