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

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

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

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

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

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

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

创建一个简单的input标签实现网页上的输入框效果。

添加输入框的步骤如下：

<input>标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

工具：编辑器、浏览器

1、创建一个简单的input标签实现网页上的输入框效果，代码如下：

1 First name: <input type="text" name="fname" />2 Last name: <input type="text" name="lname" />3 <input type="submit" value="Submit" />

2、以上代码中type=text是文本的输入框，type=submit是一个提交按钮，运行的效果如下图：

添加多个输入框的方法如下：

<input id="input_template" name="name" maxlength="7" type="text" style="width: 120px">

<!-- 这里是一个模版，追加的时候用来克隆的。 -->

$('#addBtn').bind('click', function() {

var input_ = $("#input_template").clone()

$("#input_container").append(input_)

})

<!-- 需要注意的是，在追加的时候，或者追加之后，把追加元素imput的name和id重置一下。 -->

html中如果设置table的border为1px，实际会产生双线，十分不美观，那么在HTML中如何正确设置表格table边框border呢？

第一种方法：

1、将table的属性设置为：BORDER=0 、cellspacing=1 ；

2、设置table的背景色为即你要设置的table的边框颜色；

3、设置所有td背景色为#ffffff白色；

第二种方法：

1、设置BORDER=0 ；

2、再通过CSS，给Table加上1px的border-top,border-left；

3、然后再设置所有的td的border-right,border-bottom；

第三种方法（推荐）：

1、设置table的CSS为{border-collapse:collapseborder-style: solidborder-width: 1px}

注：border-collapse:collapse

separate默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。

collapse如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。

inherit 规定应该从父元素继承 border-collapse 属性的值。

2、再设置td的CSS为{border-style: solidborder-width: 1px}

转自： https://www.cnblogs.com/qq2806933146xiaobai/p/12407749.html

---