如何添加带文本编辑器的html文本框

1、首先在电脑桌面上，新建并打开一个记事本文件。

2、这里要用到<form>标签,这个标签包含了表单的一些元素，这里要用到<input>元素，具体格式如下图。

3、其中红框内 type="text" 意思是文本框，其中的text可以换成其他的，name="firstname"是这个文本框的名字。

4、然后点击保存，改变记事本文件后缀为html，看看网页显示效果。

5、接着来做一个最常用的登陆框，首先做出用户名+文本框；密码+文本框，以下是代码。

6、最后保存，看看网页显示效果，就完成了。

html页面中添加文本框，用到的工具，notepad++,步骤如下：

html代码部分：

姓名：<input type="text" name="name" />

可以使用jQuery来完成这个功能，示例如下：

HTML代码：

<textarea></textarea>

定义了一个空的textarea文本框。

jQuery代码：

$('textarea').val('这是测试内容')

页面运行结果：

如果原本textarea本来就存在值，想在原有值后面继续追加值：

var str = $('textarea').val() //先获取原有的值

$('textarea').val(str + '，这是后面追加的值') //拼接新值

运行结果：

方式方法多种多样，可以灵活使用。

---