怎么在网页中生成文本框和密码框？

1、首先打开电脑上的记事本程序，输入网页基本结构代码＜html>标签。

2、光标定位到＜body>之间，输入

用户名：

3、按快捷键Ctrl+S保存为．html格式，然后双击预览下效果。点击用户名后面的文本框，就可以输入文本内容了。

4、接下来，建立密码框。点击用户名＜input>标签后，输入一个换行符号＜/br>。然后输入密码：

代码如图。

5、按快捷键Ctrl+S保存一下，然后预览效果。

6、通过代码可以看到，文本框和密码框的不同就在参数type中，type=text时，就会显示文本；type=password时，当我们在密码框中输入内容，浏览器就会用符号替换内容。

创建一个简单的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重置一下。 -->

文本框 ：<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

}

</script><input type="button" onclick="addNumber(1)" value= "1"></input><input type="text" id="text1"></input><input type="button" onclick="addNumber(2)" value= "2"></input>

---