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按钮,就完成了 。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)