本文目录一览：
- 1、一个html页面中怎么添加文本框？
- 2、HTML中如何将文本框变宽
- 3、html文本框代码怎么写
- 4、一个html页面中怎么添加文本框
- 5、如何添加带文本编辑器的html文本框
- 6、html如何设置文本框
一个html页面中怎么添加文本框？
文本框 ：input id="_text" type="text" value="这里是文本框的内容" /
按钮：input type="button" value="提交" onclick="alert(document.getElementById('_text').value);" /
script
function addNumber(everyone)
{
document.getElementById("text1").value += everyone;
}
/scriptinput type="button" onclick="addNumber(1)" value= "1"/inputinput type="text" id="text1"/inputinput type="button" onclick="addNumber(2)" value= "2"/input-html文本框
HTML中如何将文本框变宽
在html中是改变文本框宽度的方法有两种，一个是直接使用html设置文本框的宽度，一个是用css代码来设置文本框的宽度。
工具原料：编辑器、浏览器
一、html设置宽度的方法
1、通过设置input的size属性来实现输入框宽度的改变，代码如下：
input type="txt" //br
input type="txt" size="100" /
2、运行的结果如下：
二、使用css方法
1、使用css的width直接设置输入框的宽度，代码如下：
input type="txt" //br
input type="txt" style="width: 200px;" /
2、运行的结果如下：
html文本框代码怎么写
1.单行文本框：
input type="text" style="height:20px;width:100px;" /
2.多行文本框（文本域）：
textarea style="width:300px;height:100px;"/textarea
文本框是单行的，而文本域可以输入多行，不过文本框也可以通过设置变成成多行。一般来说如果要填写的内容很多我们就用文本域textarea,反之用text。
一个html页面中怎么添加文本框
html页面中添加文本框，用到的工具，notepad++,步骤如下：
html代码部分：
姓名：input type="text" name="name" /
网页效果图如下：
注意事项：input要配合form表单用。
如何添加带文本编辑器的html文本框
1、首先在电脑桌面上，新建并打开一个记事本文件。
2、这里要用到form标签,这个标签包含了表单的一些元素，这里要用到input 元素，具体格式如下图。
3、其中红框内 type="text" 意思是文本框，其中的text可以换成其他的，name="firstname"是这个文本框的名字。
4、然后点击保存，改变记事本文件后缀为html，看看网页显示效果。
5、接着来做一个最常用的登陆框，首先做出用户名+文本框；密码+文本框，以下是代码。
6、最后保存，看看网页显示效果，就完成了。
html如何设置文本框
新建一个后缀名为.html的文件，在body元素中使用input就可以实现文本框，通过css可以对其就行一些样式调整
