创建一个简单的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中添加输入框的使用的input标签,基本的定义和用法如下:
<input>标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
工具原料:编辑器、浏览器
1、创建一个简单的input标签实现网页上的输入框效果,代码如下:
First name: <input type="text" name="fname" />Last name: <input type="text" name="lname" />
<input type="submit" value="Submit" />
2、以上代码中type=text是文本的输入框,type=submit是一个提交按钮,运行的效果如下图:
1、多行文本框就是textarea,它是一个文本输入域,可以无限的输入,它有默认的高度和宽度,textarea是一个双标签。关于用法这里新建一个html文件,写入一个textarea:
2、textarea可以设置列数和行数,通过cols设置列数,通过rows设置行数:
3、打开浏览器,就可以看到设置好的多行文本标签了:
4、最后输入一些文字当文字过多的时候,它不仅可以自动换行,而且在右侧还会自动的显示滚动条。以上就是关于textarea多行文本框的使用介绍:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)