HTML <input> 标签的 value 属性 详解
HTML基础 2022-06-02 12:04:10小码哥的IT人生shichen
HTML <input> 标签的 value 属性
实例
下面的表单拥有两个输入字段以及一个提交按钮 - 它们都带有预定义的值：
<form action="form_action.php" method="get">
First name: <input type="text" name="fname" value="George" /><br />
Last name: <input type="text" name="lname" value="Bush" /><br />
<input type="submit" value="Submit form" />
</form>
完整实例【亲自试一试】：
<html>
<body>
<form action="/demo/demo_form.php" method="get">
First name: <input type="text" name="fname" value="George" /><br />
Last name: <input type="text" name="lname" value="Bush" /><br />
<input type="submit" value="Submit form" />
</form>
<p>请单击重置按钮，可以清空表单。</p>
<p>请单击确认按钮，输入会发送到服务器上名为 "demo_form.php 的页面。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
value 属性为 input 元素设定值。
对于不同的输入类型，value 属性的用法也不同：
- type="button", "reset", "submit" - 定义按钮上的显示的文本
- type="text", "password", "hidden" - 定义输入字段的初始值
- type="checkbox", "radio", "image" - 定义与输入相关联的值
注释：<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。
注释：value 属性无法与 <input type="file"> 一同使用。
语法
<input value="value">
属性值
| 值 | 描述 |
|---|---|
| value | input 元素的值。 |
