文本域,支持多行文本输入

当用户需要在表单中输入大段文字时,需要用到文本输入域。

语法:

<textarea  rows="行数" cols="列数">文本</textarea>

1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。

2、cols :多行输入域的列数。

3、rows :多行输入域的行数。

4、在<textarea></textarea>标签之间可以输入默认值。

举例

<form  method="post" action="save.php">
        <label>联系我们</label>
        <textarea cols="50" rows="10" >在这里输入内容...</textarea>
</form>

注意:代码中的<label>标签在后面讲解。

在浏览器中显示结果:

注意这两个属性可用css样式的width和height来代替:col用width、row用height来代替。(这两个css样式在以后的章节会讲解)

示例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>文本域</title>
</head>
<body>
<form action="save.php" method="post" >
    <label>个人简介:</label>
    <br />
    <textarea cols="50" rows="10">在这里输入内容...</textarea>
    <br />
    <input type="submit" value="确定"  name="submit" />
    <input type="reset" value="重置"  name="reset" />
</form>
</body>
</html>
时间: 2024-10-10 13:06:38

文本域,支持多行文本输入的相关文章

HTML--文本域,支持多行文本输入

当用户需要在表单中输入大段文字时,需要用到文本输入域. 语法: <textarea rows="行数" cols="列数">文本</textarea> 1.<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束. 2.cols :多行输入域的列数. 3.rows :多行输入域的行数. 4.在<textarea></textarea>标签之间可以

HTML中&lt;input&gt;参数,以及文本输入框,文本域的讲解

<form> <input type="text/password" name="名称" value="文本" /> </form> 1.type:    当type="text"时,输入框为文本输入框;    当type="password"时, 输入框为密码输入框. 2.name:为文本框命名,以备后台程序ASP .PHP使用. 3.value:为文本输入框设置默认值

Java Swing界面编程(20)---多行文本输入组件:JTextArea

如果要输入多行文本,则可以使用JTextArea实现多行文本的输入. package com.beyole.util; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JTextArea; public class test19 { public static void main(String[] args) { JFrame frame = new JFrame("Crystal");/

jquery 文本域光标操作(选、添、删、取)

一.JQuery扩展 ; (function ($) { /* * 文本域光标操作(选.添.删.取)的jQuery扩展 http://www.cnblogs.com/phpyangbo/p/5528648.html */ $.fn.extend({ /* * 获取光标所在位置 */ iGetFieldPos: function () { var field = this.get(0); if (document.selection) { //IE $(this).focus(); var sel

android EditText多行文本输入的若干问题

以前习惯了网页以及swing上的文本框输入,现在到Android上突然没有了这种控件,刚开始使用起来还是比较费力的.为了想实现多行文本框的输入及显示效果,逐一解决了如下问题: 1. 如何让EditText显示成为一个文本框的区域用来输入: 2. 光标从首行开始显示: 3. 如何是设置卷轴: 4. 如何固定文本框的大小. 5. 如何让文本框显示边线: 为了达到如下的效果,我们做了如下的工作: <EditText android:id="@+id/add_content" andro

文本域的宽度和高度应该用cols和rows来控制,还是 用width和height来控制

文本域宽度如果用cols来控制,缩放网页的时候文本域的宽度不会自动变化 用width来表示就会跟着网页缩放而缩放 看到下面一段文字: 对于内容至上的网页,在禁用CSS的情况下,HTML内容要做到易于阅读. 如果textarea没有cols和rows,在禁用CSS的情况下,textarea变的很小,用户无法输入很多文字,不符合textarea的语义——用来输入大段的文字. 所以,在XHTML 1.0 Transitional中,textarea必须有cols和rows属性,可以和css同时使用.

GUI编程笔记07:GUI把文本框的值移到文本域案例

1.首先我们了解一下我们的需求,如下: 输入“风清扬”,点击“数据转移”,这样的文本会出现到下面的文本域中,这就是我们的需求. 2.代码如下: package cn.itcast_05; import java.awt.Button; import java.awt.FlowLayout; import java.awt.Frame; import java.awt.TextArea; import java.awt.TextField; import java.awt.event.Action

java Swing 之文本域控件的使用

/** * java Swing 之文本域控件 * @author gao */ package com.gao; import java.awt.BorderLayout; import java.awt.FlowLayout; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPanel; import javax.swing.JScrol

asp.net 微信企业号办公系统-表单设计-文本域

点击工具栏上的 文本域 按钮可弹出文本域属性设置: 绑定字段:与数据表的某个字段绑定. 默认值:文本域初始值. 最大字符数:文本域可输入的最大字符数. 宽度:文本域的宽度,如:200px,80%. 高度:文本域的高度,如:200px. 值类型:输入的值的类型. 事件:同文本框.