精华内容
下载资源
问答
  • Every time I develop a new form that includes a textarea I have the following dilemma when I need t

    本文翻译自:Should I size a textarea with CSS width / height or HTML cols / rows attributes?

    Every time I develop a new form that includes a textarea I have the following dilemma when I need to specify its dimensions: 每当我开发一个包含textarea的新表单时,我都需要指定其维度时遇到以下困境:

    Use CSS or use the textarea 's attributes cols and rows ? 使用CSS还是使用textarea的属性colsrows

    What are the pros and cons of each method? 每种方法的优缺点是什么?

    What are the semantics of using these attributes? 使用这些属性的语义是什么?

    How is it usually done? 通常怎么做?


    #1楼

    参考:https://stackoom.com/question/glFn/我应该使用CSS宽度-高度或HTML-cols-rows属性来设置textarea的大小吗


    #2楼

    In HTML set 在HTML集中

    <textarea rows="10"></textarea>
    

    In CSS set 在CSS集中

    textarea { height: auto; }
    

    This will trigger the browser to set the height of the textarea EXACTLY to the amount of rows plus the paddings around it. 这将触发浏览器将textarea的高度完全设置为行数加上它周围的填充。 Setting the CSS height to an exact amount of pixels leaves arbitrary whitespaces. 将CSS高度设置为精确的像素数会留下任意的空格。


    #3楼

    CSS CSS


    input
    {
        width: 300px;
        height: 40px;
    } 
    


    HTML HTML


    <textarea rows="4" cols="50">HELLO</textarea>
    

    #4楼

    According to the w3c, cols and rows are both required attributes for textareas. 根据w3c,cols和rows都是textareas的必需属性。 Rows and Cols are the number of characters that are going to fit in the textarea rather than pixels or some other potentially arbitrary value. 行和列是要适应textarea而不是像素或其他可能任意值的字符数。 Go with the rows/cols. 去行/列。


    #5楼

    I recommend to use both. 我建议同时使用两者。 Rows and cols are required and useful if the client does not support CSS. 如果客户端不支持CSS,则行和列是必需且有用的。 But as a designer I overwrite them to get exactly the size I wish. 但作为设计师,我会覆盖它们以获得我想要的尺寸。

    The recommended way to do it is via an external stylesheet eg 建议的方法是通过外部样式表,例如

     textarea { width: 300px; height: 150px; } 
     <textarea> </textarea> 


    #6楼

    The answer is "yes". 答案是肯定的。 That is, you should use both. 也就是说,你应该同时使用两者。 Without rows and cols (and there are default values even if you don't use them explicitly) the textarea is unusably small if CSS is disabled or overriden by a user stylesheet. 没有行和列(即使您没有显式使用它们也有默认值)如果CSS被禁用或被用户样式表覆盖,则textarea会非常小。 Always keep accessibility concerns in mind. 始终牢记可访问性问题。 That being said, if your stylesheet is allowed to control the appearance of the textarea, you will generally wind up with something that looks a whole lot better, fits into the overall page design well, and that can resize to keep up with user input (within the limits of good taste, of course). 话虽如此,如果你的样式表被允许控制textarea的外观,你通常会得到一些看起来更好的东西,适合整个页面设计, 并且可以调整大小以跟上用户输入(当然,在良好的品味范围内)。

    展开全文
  • elementUI的textarea设置大小

    万次阅读 2019-04-23 23:49:31
    <el-form-item label="活动形式"> <el-input type="textarea" :rows="2" v-model="form.desc"></el-input> </el-form-item> :默认rows=" 2 " ...改变数值即可改变textarea大小 ...
    <el-form-item label="活动形式">
        <el-input type="textarea" :rows="2" v-model="form.desc"></el-input>
    </el-form-item>

    :默认rows=" 2 " 

    改变数值即可改变textarea大小 

    展开全文
  • 我就想知道怎么设置着2个textarea和lable的大小啊???????importjava.awt.*;importjava.awt.event.*;importjava.io.IOException;importjava.net.*;importjava.io.*;publicclass...我就想知道 怎么设置着2个 ...

    我就想知道怎么设置着2个textarea和lable的大小啊???????importjava.awt.*;importjava.awt.event.*;importjava.io.IOException;importjava.net.*;importjava.io.*;publicclass...

    我就想知道 怎么设置着2个 textarea 和 lable的大小啊???????

    import java.awt.*;

    import java.awt.event.*;

    import java.io.IOException;

    import java.net.*;

    import java.io.*;

    public class d1 {

    public static void main(String[] args) {

    frame f = new frame("哈哈");

    }

    }

    class frame extends Frame {

    frame(String s){

    super(s);

    Panel p1 = new Panel();

    this.add(p1);

    TextArea t1 = new TextArea("hello",20,30);

    t1.setBounds(0, 50, 700, 550);

    p1.add(t1);

    p1.setLayout(new GridLayout(3,1));

    Label l = new Label("欢迎");

    l.setSize(700, 30);

    p1.add(l);

    TextArea t2 = new TextArea("hello",20,30);

    p1.add(t2);

    t2.setBounds(0, 620, 700, 130);

    this.pack();

    A a = new A ();

    this.addWindowListener(a);

    this.setVisible(true);

    }

    }

    class A extends WindowAdapter {

    public void windowClosing(WindowEvent e){

    System.exit(1);

    }

    }

    展开

    展开全文
  • 我们知道文本框可以有一个为maxlength属性,可以限制文本框长度,当时备注框textarea却没有,那么要怎样限制备注框长度呢?其实很简单,只有加上想这样一句话onKeyDown='if (this.value.length>=20){event....

    我们知道文本框可以有一个为maxlength的属性,可以限制文本框的长度,当时备注框textarea却没有,那么

    要怎样限制备注框的长度呢?其实很简单,只有加上想这样一句话onKeyDown='if (this.value.length>=20){event.returnValue=false}'

    就可以了,整个写法如下:

    aaaa

    我们也可以将判断写在函数中,如果输入的长度超过显示,就显示提示信息,如下:

    aaaa

    function checkValid()

    {

    var a = document.testform.A;

    if(a.value.length > 20)

    {

    alert("输入的备注框长度不能超过20个字符!");

    return false;

    }

    return true;

    }

    textarea随文字大小多少而动态改变高度

    去掉滚动条

    STYLE="overflow:hidden"

    posted on 2008-06-19 13:46 末日风情 阅读(552) 评论(1)  编辑  收藏 所属分类: HTML/XML

    展开全文
  • css3设置textarea不可改变大小

    千次阅读 2016-07-16 09:35:55
    resize : nonecss3新属性,设置为none用户不可以调节元素宽和高,可以用在任意元素上,一般和textarea一起用,不让textarea可拉伸。 textarea{ width:400px; height:200px; resize:none;}
  • CSS3中新增了resize缩放属性,这个属性可以应用到任意元素。目前只有Webkit内核的浏览器才支持这个css3属性,即Google chrome和Apple safari都...如下图就是在Google chrome中我博客的textarea的默认显示,textare...
  • 是一个多行文本框,默认是可以拖动,如何设置禁止拖动 html代码 <textarea style="overflow-y:scroll" class="showtext"> </textarea> 禁止拖动 .showtext{ width: 100%; heig...
  • textarea 标签 大小不可变 复制代码代码如下: <textarea style=”resize:none;”></textarea> textarea标签设置style=resize:none;后,在页面就不能通过鼠标拖动方式来拖动了。
  • CSS3 textarea设置固定大小

    千次阅读 2013-05-09 14:38:32
    HTML 标签 textarea 一般大家用应该是rows和cols属性,这样话,在你新手心中是没有个形象大小的。 使用 CSS height 和 width属性,但是Chrome,Safari和FireFox渲染效果不同,可以拖动右下角图标改变大小...
  • 设置textarea不可拉伸

    2020-02-12 14:42:00
    默认情况下,我们将鼠标移动到textarea的右下角时发现文本域是可以通过拖动的方式改变其大小的,这会影响我们原本的页面布局。若想设置其不可拖动,可为其添加如下属性: style="resize:none;" 设置前: 设置...
  • 设置textarea不可拖动

    万次阅读 2016-11-07 17:45:45
    默认情况下,我们将鼠标移动到textarea的右下角时发现文本域是可以通过拖动的方式改变其大小的,这会影响我们原本的页面布局。 若想设置其不可拖动,可为其添加如下属性:<textarea style="resize:none;"></...
  • 默认情况下,我们将鼠标移动到textarea的右下角时发现文本域是可以通过拖动的方式改变其大小的,这会影响我们原本的页面布局。  若想设置其不可拖动,可为其添加如下属性: &lt;textarea style="resize:...
  • [code="javascript"] // 初始化整个cleditor的高度,宽度默认大小 $('#textarea-id').cleditor({height: 400}); ...// 但是这样设置有一个问题,就是浏览器的大小以改变,这个$fra...
  • 刚刚拿到一个设计图中inputplaceholder是白色然后就给大家整理了一下。 以下是解决代码: /* WebKit browsers */ ... /* 字体大小直接写样式即可 */ font-size: 28px; } /* Mozilla Firefox 4-18使用...
  • 今天我们学习wps文档字体的大小设置。这是作者以前的一个小故事,当然关键词就不告诉大家了,引用这些文字来讲解办公软件文档是如何使用。我们首先鼠标左键全部选中我们文档字体,当然文档字体和字数因文档里面有...
  • CSS3 box-sizing 属性可以设置 width 和 height 属性中包含了 padding(内边距) 和 border(边框)。浏览器支持表格中数字表示支持该属性第一个浏览器版本号。紧跟在数字后面 -webkit- 或 -moz- 为指定浏览器...
  • 在此文中,我将和大家分享一下多行文本区域大小的设置和resize学习时记录一点东西,希望对新手朋友有用。   一、不为设置宽高属(此时浏览器显示文本框宽高属性为其默认值)   1、谷歌、360浏览器 ...
  • jquery对textarea的控制大小

    千次阅读 2012-12-31 17:12:04
    无标题文档   .highlight{ background:#FF3300; }   $(function(){ var $comment=$('#comment'); $('.bigger').click(function(){ if(!$comment.is(":animated")){ ...//重新设置
  • 问题是,BoxLayout尊重组件最大尺寸,这对于滚动窗格来说设置得非常大。不是使用BoxLayout,而是使用带有FlowLayout面板。运行下面示例以查看您当前正在执行操作。然后注释掉setLayout...
  • 自定义textarea文本框的设置宽高权限

    千次阅读 2018-11-06 15:15:55
    CSS resize属性 resize是textarea文本框一个CSS属性,可以定义文本框宽高大小 详情网址:http://www.w3school.com.cn/cssref/pr_resize.asp
  • textarea文本域左边的文字一直都是在textarea的左下边,看起来不美观;textarea文本域明明设置好的cols和rows但是还是能改变大小,以上这些问题,可以参考本文的解决方法
  • 在uniapp 项目中要使用编辑文本域功能,但是文本框长度是不做限制,,虽然在不写maxlength情况下是可以。...如果你不需要限制文本域字数大小,也还是需要设置,但是需要设置maxlength="-1
  • 如果用textarea的属性字数宽度(cols)和行数(rows)来控制textarea的大小你会发现在,在IE和FF下的每行字数和文字的行数都不相同,而且在字数不足滚动的情况下,IE是默认有滚动条的,而FF是没有滚动条的。...
  • 在s标签写form中,无法利用rows="50" cols="75"来改变s:textarea大小,cssClass也不管用时; 直接用普通的textarea设置CSS样式方式来作处理 <style> .financeInfo_textbox{ height:120px; ...
  • AutoResizableTextArea类定义: [code="java"] ...注意事项,如果你是通过MXML方式...但是如果是通过编程方式使用,那么就需要注意了,要保证设置宽度代码位于加入容器代码前面,即保证ta.wid...
  • 当我试图设置一个简单双行文本编辑器时(每行限制字符长度,最多两行),我偶然偶然发现了这个…基本上,给定合适布局管理器,这个组件可以自己增长 – 它实际上是有道理,但让我感到惊讶……此外,您可能希望使用...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 216
精华内容 86
关键字:

设置textarea的大小