htmld出一个输入框提示用户输入姓名

htmld出一个输入框提示用户输入姓名,第1张

1、首先打开html编辑器,新建一个html文件,例如:index.html。

2、在index.html中的<body>标签中,输入以下html代码:

<input type="text" placeholder="请输入账号" />

<input type="password" placeholder="请输入密码" />

3、浏览器运行index.html页面,此时的输入框有了提示文字“请输入账号”,密码框有了提示文字“请输入密码”。

1. 在页面上使用文本框元素,下面以单行文本框为例列举示例代码:

1<input type="text" />

2. 可以使用HTML的value设置文本框的默认显示文字即可,如下所示:

1<input type="text" value="默认文字" />

注意:如果input元素带有readonly、disabled属性用户也将无法编辑或输入文字,如果有以上属性需要删除后方可输入文字。

在html5中,如果想要用表单来设定input对所输入的数字限定,如果输入不是限定中的数字,则会给出提示。下面讲解html5如何设定input对所输入的数字限定。

1、首先新建一个html网页文件,把他命名为test.html,接下来用test.html文件来讲解html5如何设定input对所输入的数字限定。

2、在test.html文件内,需要创建一个表单<form action="" method="get"></form>。

3、给在表单内,加入一个Input,类型为number。<input type="number" name="test" min="1" max="10" />,意思是最小是1,最大是10。

4、最后在浏览器浏览一下test.html,来看看效果能否实现。需要用鼠标点中表单Submit按钮,就完成了 。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6213281.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存