将预定义的文本放入HTML表单文本框中

时间:2014-10-31 20:15:31

标签: html css forms input

使用HTML / CSS可以执行以下操作吗?

在要求用户网站的表单中,我希望将http://www.www.放入文本框,以便用户不必这样做。我知道这只是一件小事,但有可能吗?

3 个答案:

答案 0 :(得分:3)

如果使用普通的单行文本输入框<input type=text>,则可以使用value属性指定初始(默认)值,例如

<input type=text name=site value="http://www.">

然而,由于几个原因,这是值得怀疑的。首先,提供的值实际上不是一个有意义的默认值,只是一个片段。其次,如果用户需要输入具有不同协议部分的URL(例如https:),或者服务器名称的第一部分不是www,或者最重要的是,如果他打算切割和粘贴地址,因为他确实应该(以防止输入错误)。

这同样适用于<input type=url>,这是HTML5这样的输入方法。使用它,value="http://www."会将字段设置为无效状态。

因此,通过而不是在字段中设置任何初始值,您可以获得更好的可用性。

答案 1 :(得分:1)

这取决于您使用的文本框类型。

如果您使用的是textarea,可以使用@ Wavemaster的解决方案:

<textarea>www.</textarea>

如果您使用的是文本框,则可以使用value属性:

<input type="text" value="www." />

希望这有所帮助,祝你好运!

答案 2 :(得分:0)

如果您想使用<textarea>,只需在开始和结束标记之间添加文字:

<textarea>www.</textarea>
<input>

只需使用value=""属性:

<input type="text" value="www."  />