how2j.cn


工具版本兼容问题
<input type="text"> 即表示文本框

并且只能够输入一行

如果要输入多行

使用文本域<textarea>

注： <input> 标签很特别，一般是不需要写成<input />或者<input></input> 这样的。
并且<input> 这样的写法也是满足标准的
纠

示例 1 : 文本框   
示例 2 : 设置文本框的长度   
示例 3 : 初始值   
示例 4 : 有背景文字的文本框   

示例 1 :

文本框

edit 顶 折
纠 问
运行效果
<input type="text">
1
<input type="text">


示例 2 :

设置文本框的长度

edit 顶 折
纠 问
使用属性size
运行效果
<input type="text" size="10">
1
<input type="text" size="10">


示例 3 :

初始值

edit 顶 折
纠 问
使用属性value
运行效果
<input type="text" value="有初始值的文本框">
1
<input type="text" value="有初始值的文本框">


示例 4 :

有背景文字的文本框

edit 顶 折
纠 问
使用属性placeholder
placeholder是一个html5的属性，对于大多数的已经支持html5的浏览器来说，是可以看到效果的，但是对于老的不支持html5的浏览器，比如ie8，就看不到效果
运行效果
<input type="text" placeholder="请输入账号">
1
<input type="text" placeholder="请输入账号">




HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。


问答区域    
2019-12-25 小企业的前端Time-HTML 文本框
小企业哒

关于 前端部分-HTML-文本框 的提问



留下足迹


1 个答案

A_Liang
答案时间：2021-12-16
1
1
1



回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢


2019-08-22 <input type="text"> 这个text有什么意义吗，去掉text也是能显示出文本框？？
2427852730

关于 前端部分-HTML-文本框 的提问
<input type="text">这个text有什么意义吗，去掉text也能显示出文本框？？


4 个答案

RX23
答案时间：2022-10-27
<input type="text" name="password">这样是文本框里面的内容加密

暮行
答案时间：2020-06-12
默认类型是text

星星0726
答案时间：2020-03-06
下面有人说了，type还可以是password类型，这样输入的字符会以*形式展示。
1
<input type="password">

放下
答案时间：2019-09-04
输入的内容只能为文本类型吧



回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2019-04-16 文本框居中？
2018-09-02 高度
2017-09-18 input输入框的size和width有何区别


提问太多，页面渲染太慢，为了加快渲染速度，本页最多只显示几条提问。还有 1 条以前的提问，请 点击查看

提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢