如何在HTML中添加输入框？_随笔

创建一个简单的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是一个提交按钮，运行的效果如下图：

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

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

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

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

})

1、首先打开html编辑器，新建一个html文件，例如：index.html。

2、在index.html中的<body>标签中，输入以下html代码：

3、浏览器运行index.html页面，此时的输入框有了提示文字“请输入账号”，密码框有了提示文字“请输入密码”。

html中添加输入框的使用的input标签，基本的定义和用法如下：

工具原料：编辑器、浏览器

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

First name: <input type="text" name="fname" />

Last name: <input type="text" name="lname" />

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

欢迎分享，转载请注明来源：内存溢出

如何在HTML中添加输入框？