html动态编辑框

简述:

随着在输入框中增加字符,动态矿高度增加(IE9及以上 chrome  firefox)

由于IE8 不支持oninput函数,所以不能实现此效果

事件函数:

function feedDivOnInput(obj){
    obj.style.height=30+‘px‘;
    obj.style.height=obj.scrollHeight+‘px‘;
}

function feedTextAreaOnInput(obj){
    obj.style.height=30+‘px‘;
    obj.style.height=obj.scrollHeight+‘px‘;
}

html标签

            <div class="discusstexarea_div c_9 mb" oninput="javascript:feedDivOnInput(this)">
                <textarea name="postMsg" class="discusstextarea  c_9" oninput="javascript:feedTextAreaOnInput(this)">我的评论...</textarea>
            </div>

效果:

单行,

多行,

时间: 2024-08-09 06:14:02

html动态编辑框的相关文章

MFC编程入门之二十一(常用控件:编辑框Edit Control)

上一节讲了静态文本框,本节讲的是编辑框(Edit Control)同样是一种很常用的控件,我们可以在编辑框中输入并编辑文本.在前面加法计算器的例子中已经演示了编辑框的基本应用.下面具体讲解编辑框的使用. 编辑框的通知消息 编辑框发生某些事件时会向父窗口发送通知消息.在对话框模板中的编辑框上点击右键,选择"Add Event Handler",为编辑框添加消息处理函数时,可以在"Message type"列表中看到这些消息.下面简单介绍编辑框的部分通知消息. EN_C

java报表工具FineReport的SQL编辑框的语法简介

感谢大家捧场,这里继续分享关于SQL编辑框的一些语法心得总结,因为数据集定义的面板,也是FineReport报表中最常用的模块之一. 1.我理解的执行过程. 这里其实是生成一个字符串,FineReport将这个字符串通过设置的数据连接传递到报表中执行.在这个过程中报表应该是先把报表规则的东西,替换成大家都认得的字符串后,对应的数据库执行完,会反馈值,有可能返回报错信息,也有可能返回数据集.这个报错信息应该是对应的数据库给的.所以说同样的sql语句,不同的数据库用不同的sql语法来执行有可能是不同

编辑框Edit Control

鸡啄米上一节讲了静态文本框,本节要讲的编辑框(Edit Control)同样是一种很常用的控件,我们可以在编辑框中输入并编辑文本.在前面加法计算器的例子中已经演示了编辑框的基本应用.下面具体讲解编辑框的使用. 编辑框的通知消息 编辑框发生某些事件时会向父窗口发送通知消息.在对话框模板中的编辑框上点右键,选择"Add Event Handler",为编辑框添加消息处理函数时,可以在"Message type"列表中看到这些消息.下面简单介绍编辑框的部分通知消息. EN

web报表工具FineReport的SQL编辑框的语法简介

感谢大家捧场,这里继续分享关于SQL编辑框的一些语法心得总结,因为数据集定义的面板,也是FineReport报表中最常用的模块之一. 1.我理解的执行过程. 这里其实是生成一个字符串,FineReport将这个字符串通过设置的数据连接传递到报表中执行.在这个过程中报表应该是先把报表规则的东西,替换成大家都认得的字符串后,对应的数据库执行完,会反馈值,有可能返回报错信息,也有可能返回数据集.这个报错信息应该是对应的数据库给的.所以说同样的sql语句,不同的数据库用不同的sql语法来执行有可能是不同

Delphi处理数据网格DBGrid的编辑框 获取还没有提交到数据集的字段文本

(*//标题:处理数据网格的编辑框说明:示例添加焦点颜色;获取还没有提交到数据集的字段文本设计:Zswang日期:2002-03-31支持:[email protected]//*) ///////Begin   Sourcefunction   GetDBGridEdit(mDBGrid:   TDBGrid):   TEdit;var    I:   Integer;begin    Result   :=   nil;    if   not   Assigned(mDBGrid)   t

线性布局中按钮在编辑框右边的布局方法

<LinearLayout android:id="@+id/pop_footprint_comment" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentLeft="true&quo

自定义编辑框VC,可加载更改字体,添加背景图片,显示输入提示信息

搞了一天终于弄了个完整的编辑框控件出来了, 哎,,,搞界面开发还是有点复杂的. 1 #pragma once 2 3 #include "AdvEdit.h" 4 // CBkgEditBox 5 6 class CBkgEditBox : public CEdit 7 { 8 DECLARE_DYNAMIC(CBkgEditBox) 9 10 public: 11 CBkgEditBox(); 12 virtual ~CBkgEditBox(); 13 14 protected: 1

一个简单的记事本编辑框的实现以及搜集的一些窗口风格的预定义

这是一个简单的记事本的窗口过程 1 WndProc proc hWnd:HWND, uMsg:UINT, wParam:WPARAM, lParam:LPARAM 2 3 LOCAL winRect:RECT 4 LOCAL editWidth:DWORD 5 LOCAL editHeight:DWORD 6 7 .IF uMsg==WM_DESTROY 8 invoke PostQuitMessage,NULL 9 .ELSEIF uMsg==WM_CREATE 10 ;创建一个编辑框 11

改变静态编辑框static text背景色,字体设置及字体背景

IDC_ShowTime为编辑框ID m_showtime为静态编辑框的变量 1.dlg.h中 CBrush m_showtimeBrush; CFont m_editFont;//字体 2.OnInitDialog()中 m_showtimeBrush.CreateSolidBrush(RGB(204,0,204));  ///编辑框背景颜色 CEdit *m_EditAa=(CEdit *)GetDlgItem(IDC_ShowTime);     //IDC_ShowTime为编辑框ID