关于HTML5新增placeholder属性

最新推荐文章于 2024-04-03 22:29:48 发布

原创最新推荐文章于 2024-04-03 22:29:48 发布 · 448 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5

html 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了HTML中输入框的placeholder与value属性的区别。placeholder用于显示提示信息，帮助用户理解输入框用途；而value则预填充文本，常用于表单默认值设置。通过实例演示了两种属性的应用场景。

欲在单行文本框或者多行文本框时显示提示信息，可以使用此属性。
此属性和value不同，value是在文本框中预先显示的文本，placeholder是提示信息。
例如：

<body>
<form method="post">
	用户名：<input type="text" name="name" placeholder="请输入用户名" /><br/>
	密码：<input type="password" name="name" placeholder="请输入密码" /><br/>
	<input type="submit" value="注册" formaction="regist" />
	<input type="submit" value="登录" formaction="login"/>
</form>
</body>

在这里插入图片描述

value值是预先输入好的文本

<body>
<form method="post">
    用户名：<input type="text" name="name" value="请输入用户名"/><br/>
    密码：<input type="password" name="name" value="请输入密码"/><br/>
    <input type="submit" value="注册" formaction="regist.php"/>
    <input type="submit" value="登录" formaction="login.php"/>
</form>
</body>