精华内容
下载资源
问答
  • 多行文本框QTextEdit

    千次阅读 2019-07-30 21:34:30
    QLabelEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超过控件显示范围时,可以显示水平个垂直滚动条。QTextEdit不仅可以显示文本还可以显示HTML文档。 方法 QlabeL常用方法 方法 描述 ...

    介绍

    QLabelEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超过控件显示范围时,可以显示水平个垂直滚动条。QTextEdit不仅可以显示文本还可以显示HTML文档。

    方法

    QlabeL常用方法

    方法 描述
    setPlainText() 设置多行文本框的文本内容
    toPlainText() 返回多行文本框的文本内容
    setHtml() 设置多行文本框的内容为HTML文档,HTML文档是描述网页的
    toHtml() 返回多行文本框的HTML文档内容
    clear() 清除多行文本框的内容

    QTextEdit的使用

    from PyQt5.QtWidgets import QApplication,  QWidget ,  QTextEdit, QVBoxLayout , QPushButton
    import sys  
    
    class TextEditDemo(QWidget):
    	def __init__(self, parent=None):
    		super(TextEditDemo, self).__init__(parent)
    		self.setWindowTitle("QTextEdit 例子")
    		self.resize(300, 270)    
    		self.textEdit = QTextEdit( )      
    		self.btnPress1 = QPushButton("显示文本")
    		self.btnPress2 = QPushButton("显示HTML")        
    		layout = QVBoxLayout()
    		layout.addWidget(self.textEdit)
    		layout.addWidget(self.btnPress1)   
    		layout.addWidget(self.btnPress2)   		
    		self.setLayout(layout)
    		self.btnPress1.clicked.connect(self.btnPress1_Clicked)
    		self.btnPress2.clicked.connect(self.btnPress2_Clicked)
    		
    	def btnPress1_Clicked(self):
    		self.textEdit.setPlainText("Hello PyQt5!\n点击按钮")
    
    	def btnPress2_Clicked(self):
    		self.textEdit.setHtml("<font color='red' size='6'><red>Hello PyQt5!\n点击按钮。</font>")
    		
    if __name__ == "__main__":       
    	app = QApplication(sys.argv)
    	win = TextEditDemo()	
    	win.show()	
    	sys.exit(app.exec_())
    

    使用展示

    开始显示
    显示文本
    显示HTML

    后记

    可能暂时不能截动图展示了,暂时就这样吧。

    展开全文
  • PyQt5之QTextEdit多行文本框

    千次阅读 2020-06-22 13:56:27
    QTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条。QTextEdit不仅可以显示文本还可以显示HTML文档。 一、QTextEdit类中的常用方法 方法 描述 ...

    PyQt5之QTextEdit多行文本框

    QTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条。QTextEdit不仅可以显示文本还可以显示HTML文档。

    一、QTextEdit类中的常用方法

    方法 描述
    setPlainText() 设置多行文本框的文本内容
    toPlainText() 返回多行文本框的文本内容
    setHtml() 设置多行文本框的内容为HTML文档
    toHtml() 返回多行文本框的HTML文档内容
    clear() 清除多行文本框的内容

    二、QTextEdit的使用

    import sys
    from PyQt5.QtWidgets import *
    from PyQt5.QtGui import *
    from PyQt5.QtCore import QRegExp,Qt
    
    class Win(QWidget):
        def __init__(self):
            super().__init__()
            self.setGeometry(200, 200, 400, 400)
            self.setWindowTitle('QTextEdit的使用')
    
            self.text = QTextEdit()
            self.btn1 = QPushButton('显示文本')
            self.btn2 = QPushButton('显示HTML')
    
            layout = QVBoxLayout()
            layout.addWidget(self.text)
            layout.addWidget(self.btn1)
            layout.addWidget(self.btn2)
            self.setLayout(layout)
    
            self.btn1.clicked.connect(self.click1)
            self.btn2.clicked.connect(self.click2)
    
        def click1(self):
            self.text.setPlainText("Hello")
    
        def click2(self):
            self.text.setHtml("<font color='red' size='9'>Hello</font>")
    
    if __name__ == "__main__":
        app = QApplication(sys.argv)
        form = Win()
        form.show()
        sys.exit(app.exec_())
    
    

    运行效果如下:
    在这里插入图片描述

    展开全文
  • &...text/html; charset=gb2312"&gt;&lt;title&gt;无标题文档&lt;/title&gt;&lt;style type="text/css"&gt; .focus{ border: 1px solid #f00; back

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <style type="text/css">
     .focus{
      border: 1px solid #f00;
      background: #fcc;
     }
     input, textarea{
      width:12em;
      border: 1px solid #888;
     }

     div{
        padding:2px;
     
     * { margin:0; padding:0;font:normal 12px/17px Arial; }
     .msg {width:300px; margin:100px; }
     .msg_caption { width:100%; overflow:hidden; margin-bottom:1px;}
     .msg_caption span { display:block; float:left; margin:0 2px; padding:4px 10px; background:#898989; cursor:pointer;color:white; }
     .msg textarea{ width:300px; height:80px;height:100px;border:1px solid #000;}

     
    </style>
    <script type="text/javascript" src="../jquery-1.3.2.js"></script>
    <script type="text/javascript">
     $(function(){
      $(":input").focus(function(){
       $(this).addClass("focus");
      }).blur(function(){
       $(this).removeClass("focus");
      });
      

      var $comment=$("#comment");
      $(".bigger").click(function(){
       if(!$comment.is(":animated")){ //判断是否处于动画
        if($comment.height()<500){
         //$comment.height($comment.height()+50);
         $comment.animate({height: "+=50"}, 400);
        }
       }
      })
      
      $(".smaller").click(function(){
       if(!$comment.is(":animated")){
        if($comment.height()>50){
         $comment.animate({height: "-=50"},400);
        }
       }
      })
      
      $(".up").click(function(){
       if(!$comment.is(":animated")){
        $comment.animate({scrollTop: "-=50"},400);
       }
      })
      $(".down").click(function(){
       if(!$comment.is(":animated")){
        $comment.animate({scrollTop: "+=50"},400);
       }
      })
     })
    </script>
    </head>

    <body>

     <form action="#" method="post" id="regForm">
      <fieldset>
       <legend>个人基本信息</legend>
       <div>
        <label for="username">名称:</label>
        <input id="username" type="text">
       </div>
       <div>
        <label for="pass">密码:</label>
        <input id="pass" type="password">
       </div>
       <div>
        <label for="msg">详细信息:</label>
        <textarea id="msg"></textarea>
       </div>
      </fieldset>
      
      <div class="msg_caption">
       <span class="bigger">放大</span>
       <span class="smaller">缩小</span>
       <span class="up">向上</span>
       <span class="down">向下</span>
      </div>
      <div>
       <textarea id="comment" rows="8" cols="80">ssssssssssdsssssssdaffsdfsdfs</textarea>
      </div>
     </form>
    </body>

    展开全文
  • QTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条,Qtextedit不仅可以用来显示文本还可以用来显示HTML文档 QTextEdit类中常用的方法 方法 描述 ...
  • 可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条,Qtextedit不仅可以用来显示文本还可以用来显示HTML文档QTextEdit类中常用的方法方法描述setPlainText()设置多行文本框的内容...

    PyQt5多行文本框控件QTextEdit简介

    QTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条,Qtextedit不仅可以用来显示文本还可以用来显示HTML文档

    QTextEdit类中常用的方法

    方法

    描述

    setPlainText()

    设置多行文本框的内容

    toPlainText()

    返回多行文本框的文本内容

    setHtml()

    设置多行文本框的文本内容为HTML文档,HTML文档是描述网页的

    toHtml()

    返回多行文本框的HTML内容

    append()

    追加多行文本框的内容

    clear()

    清除多行文本框的内容

    内容不多,就一个实例

    QTextEdit的使用实例

    from PyQt5.QtWidgets import QApplication,QWidget,QTextEdit,QVBoxLayout,QPushButton

    import sys

    class TextEditDemo(QWidget):

    def __init__(self,parent=None):

    super(TextEditDemo, self).__init__(parent)

    self.setWindowTitle('QTextEdit 例子')

    #定义窗口的初始大小

    self.resize(300,270)

    #创建多行文本框

    self.textEdit=QTextEdit()

    #创建两个按钮

    self.btnPress1=QPushButton('显示文本')

    self.btnPress2=QPushButton('显示HTML')

    #实例化垂直布局

    layout=QVBoxLayout()

    #相关控件添加到垂直布局中

    layout.addWidget(self.textEdit)

    layout.addWidget(self.btnPress1)

    layout.addWidget(self.btnPress2)

    #设置布局

    self.setLayout(layout)

    #将按钮的点击信号与相关的槽函数进行绑定,点击即触发

    self.btnPress1.clicked.connect(self.btnPress1_clicked)

    self.btnPress2.clicked.connect(self.btnPress2_clicked)

    def btnPress1_clicked(self):

    #以文本的形式输出到多行文本框

    self.textEdit.setPlainText('Hello PyQt5!\n单击按钮')

    def btnPress2_clicked(self):

    #以Html的格式输出多行文本框,字体红色,字号6号

    self.textEdit.setHtml("Hello PyQt5!\n单击按钮。")

    if __name__ == '__main__':

    app=QApplication(sys.argv)

    win=TextEditDemo()

    win.show()

    sys.exit(app.exec_())

    效果如下

    初始显示效果

    28d9180a407be139c87bab55c6b7ccf5.png

    点击显示文本后

    ae176652722cae95adc8c26cda5c6b65.png

    点击显示HTML后

    5d7a22ce8f62b2b1292f9bcd2212bb68.png

    本文主要讲解了PyQt5多行文本框控件QTextEdit详细使用方法实例,更多关于PyQt5控件知识与实例请查看下面的相关链接

    展开全文
  • 可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条,Qtextedit不仅可以用来显示文本还可以用来显示HTML文档QTextEdit类中常用的方法方法描述setPlainText()设置多行文本框的内容...
  • 这个是多行文本框,可以显示多行文本内容,文本超出范围后 ,可以显示垂直滚动条,除了显示文本,还可以显示HTML文档。 代码: # -*- coding: utf-8 -*- import sys from PyQt5.QtWidgets import QApplication...
  • 这个例子中用的是滚动条的scrollTop属性 1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<...
  • 滚动条css

    2008-03-26 13:24:00
    1.让浏览器窗口永远都不出现滚动条没有水平...设定多行文本框滚动条没有水平滚动条没有垂直滚动条没有滚动条或3. 设定窗口滚动条的颜色css:html { scrollbar-face-color:#ab680b; scrollbar-highlight-color:#751
  • 是一个多行文本框的,默认是可以拖动的,如何设置禁止拖动 html代码 <textarea style="overflow-y:scroll" class="showtext"> </textarea> 禁止拖动 .showtext{ width: 100%; heig...
  • Pyqt5_QtextEdit

    2018-10-18 19:47:00
    QTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条,Qtextedit不仅可以用来显示文本还可以用来显示HTML文档 方法 setPlainText() 设置多行文本框...
  • PyQt5基本控件详解之QTextEdit(五)

    万次阅读 多人点赞 2018-08-08 16:58:11
    QTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条,Qtextedit不仅可以用来显示文本还可以用来显示HTML文档 QTextEdit类中常用的方法 方法 ...
  • PyQt5的学习笔记三(基本控件)

    千次阅读 2019-06-23 09:52:59
    QTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围是,可以显示水平个垂直滚动条。QTextEdit不仅可以显示文本还可以显示HTml文档。 QTextEdit类中的常用方法 方法 描述 ...
  • pyqt5 textEdit、lineEdit操作

    千次阅读 2020-03-20 10:49:03
    QTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条,Qtextedit不仅可以用来显示文本还可以用来显示HTML文档 QTextEdit类中常用的方法 方法 描述 ...
  • QTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条,Qtextedit不仅可以用来显示文本还可以用来显示HTML文档QWidget类属性,QFrame类属性,...
  • HTML表单相关

    2017-06-22 10:03:27
    设定多行文本框滚动条没有水平滚动条没有垂直滚动条没有滚动条或3.设定窗口滚动条的颜色设置窗口滚动条的颜色为红色scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改
  • PyQt5常见控件之QTextEdit类

    千次阅读 2020-10-23 16:20:46
    当文本内容超出控件显示范围时,可以显示水平个垂直滚动条,QTextEdit不仅可以用来显示文本还可以用来显示HTML文档。 常用方法 方法 描述 setPlainText() 设置多行文本框的内容 insertPlainText() 插入...
  • QTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条,Qtextedit不仅可以用来显示文本还可以用来显示HTML文档QWidget类属性,QFrame类属性,...
  • PyQt5 GUI编程——QTextEdit

    千次阅读 2019-07-06 12:15:31
    QTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示多个垂直滚动条。QTextEdit不仅可以显示文本还可以显示HTML文档。 QTextEdit类中的常用方法如下图所示: 应用实例...
  • --表单-多行文本框应用-滚动条高度变化--> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link type="text/css" href="02.css" rel="stylesheet"/&...
  • QTextEditQTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条,Qtextedit不仅可以用来显示文本还可以用来显示HTML4文档,图像,表格任何一个文本编辑...
  • 文本编辑框QTextEdit

    2019-02-09 11:30:00
    QTextEdit类是一个多行文本框控件,可以显示多行文本内容,当文本内容超出控件显示范围时,可以显示水平个垂直滚动条,Qtextedit不仅可以用来显示文本还可以用来显示HTML4文档,图像,表格 任何一个文本编辑器的程序...
  • 如图所示,当textarea里的内容超过一行后,会出现滚动条并隐藏前一行的内容,特别是在移动端使用到textarea多行文本输入的话,这样显示其实是很不友好的。所以要做一个可根据内容改变高度的textarea的组件。踩坑尝试...
  • HTML +Js +Css 使用习惯

    2019-07-19 15:53:14
    1:添加多行编辑文本框 <textarea name="useRule" style="width:200px;height:80px;"> </textarea>...设置左右滚动条:overflow:scroll; 2:编辑文本框 <input id="ID" name="ID...
  • #HTML#文本域_学习札记

    2020-07-01 07:46:14
    文本框不同的是,文本域可以有多行,并且可以有滚动条 1.文本框 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Schwinn</title> </head> <...
  •  textarea称文本域,又称文本区,即有滚动条多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求。 ...
  • 零基础学HTML CSS源代码

    热门讨论 2010-05-10 07:57:26
    设置滚动条.html 设置滚动条。 框架实例手把手.html 演示框架实例手把手。 第10章(源代码\第10章) 示例描述:本章演示移动字体和图片用法。 移动的基本语法.html 移动的基本语法。 文字的移动方向....
  • HTML开发王

    2013-01-03 11:33:09
    10.5 创建多行文本框(textarea元素) 10.6 使用isindex元素创建文本框 10.7 为表单控件定义标签(label元素) 10.8 为表单添加结构(fieldset元素和legend元素) 10.9 将焦点移到某个元素上 10.9.1 使用【tab】键导航 ...
  • [HTML开发王].张亚飞.扫描版

    热门讨论 2011-09-13 12:45:04
    10.5 创建多行文本框(textarea元素) 10.6 使用isindex元素创建文本框 10.7 为表单控件定义标签(label元素) 10.8 为表单添加结构(fieldset元素和legend元素) 10.9 将焦点移到某个元素上 10.9.1 使用【tab】键导航 ...

空空如也

空空如也

1 2 3 4
收藏数 74
精华内容 29
关键字:

html多行文本框滚动条