`

鼠标点按钮,把文本框里的值输入到表格,表格美化

阅读更多
效果图:往文本框内输入文字,按按钮可以把文本框内的文字输入到上边的单元格内
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<HTML>  
<HEAD>  
<TITLE> New Document </TITLE>  
<META NAME="Generator" CONTENT="EditPlus">  
<META NAME="Author" CONTENT="">  
<META NAME="Keywords" CONTENT="">  
<META NAME="Description" CONTENT="">  
</HEAD>  
  
<BODY >  
  
<table border=1 width=100% id=tbl><tr><td>1</td><td>2</td></tr></table>  
  
<input type="text" name="t1">  
  
<input type="button" value="改变第一单元格" onclick="tbl.rows[0].cells[0].innerText=document.all.t1.value">  
<input type="button" value="改变第二单元格" onclick="tbl.rows[0].cells[1].innerText=document.all.t1.value">  
  
</BODY>  
</HTML>  
分享到:
评论

相关推荐

    Excel 2010电子表格_丰富工作表的内容_在Excel中使用文本框.pdf

    在弹出的列表中选择“横排文本框”选项,此时鼠标指针变为十字形状,你可以通过拖拽来绘制所需的横排文本框。 - 竖排文本框:同样地,若需插入竖排文本框,只需在弹出列表中选择“竖排文本框”,然后拖动绘制。 2....

    时表格的制作添加边框PPT学习教案.pptx

    - 可通过两种方式创建表格:在菜单栏选择“表格” -&gt; “插入” -&gt; “表格”,或者直接使用工具栏上的“插入表格”按钮。 - 选定表格单元格可以通过鼠标操作,点击需要选择的单元格或拖动鼠标选取多个单元格。 2. ...

    如何在PowerPoint2021中插入Word表格.docx

    在“插入”选项卡下,你会看到一个叫做“文本”的组,在这个组里有一个“对象”按钮。点击这个按钮后,将会弹出一个名为“插入对象”的对话框。 ##### 第三步:选择“由文件创建” 在弹出的“插入对象”对话框中,...

    swing外观 美化包

    Swing提供了丰富的组件集,包括按钮、文本框、表格、菜单等,使得开发者能够创建功能丰富的、交互式的用户界面。然而,Swing的默认外观可能显得相对朴素,对于追求美观和个性化应用的开发者来说,可能需要进一步的...

    精品资料(2021-2022年收藏)业务培训记录-教师计算机基础知识培训教案精讲.doc

    **使用菜单命令建立表格**:在“表格”菜单中选择“插入表格”,输入所需的行数和列数,还可以设定表格格式。\n\n表格的美化与编辑则包括了使用“表格自动套用格式”进行美化,调整字体、底色、对齐方式等,以及...

    精品资料(2021-2022年收藏)业务培训记录———教师计算机基础知识培训教案精讲.doc

    **建立表格的三种方法**\n - **简单创建**:通过“常用工具栏”的“插入表格”按钮,直接拖动鼠标确定行数和列数。 - **手工绘制**:启用“表格和边框工具栏”,使用“绘制表格”功能绘制矩形框,然后添加线条和...

    业务培训记录教师计算机基础知识培训教案1.doc

    2. **表格美化与编辑**: - **表格格式化**:选中表格后,通过“表格”菜单-&gt;“表格自动套用格式”应用预设样式,或者使用“视图”菜单-&gt;“工具栏”-&gt;“表格和边框”进行自定义设置,如字体、颜色、对齐方式等。 -...

    业务培训记录———教师计算机基础知识培训教案剖析.pdf

    **建立表格的方法**\n - **简单方法**:通过"常用工具栏"的"插入表格"按钮,直接拖动鼠标来创建表格。 - **手工绘制**:启用"表格和边框工具栏",点击"绘制表格"按钮,自由绘制矩形框和线条,使用"擦除"按钮删除...

    Word怎样制作米字格.docx

    你可以通过拖动鼠标来确定文本框的大小,以适应你的米字格需求。 2. **插入表格**:在文本框内,点击“插入”菜单,然后选择“表格”。选择一个偶数行偶数列的表格,例如4x4,因为米字格是由四个对角线交叉形成的,...

    模拟试题文档当当当11111111111

    【产品搜索页面美化与数据验证】 在产品搜索页面(input.html),我们需要进行界面美化和数据验证。首先,我们根据描述中的要求来操作。 1. **界面美化**: - 产品名称所在的 `div` 应该添加样式,使产品名称保持在...

    精品资料(2021-2022年收藏)业务培训记录———教师计算机基础知识培训教案剖析.doc

    **表格美化**:\n - “表格”菜单下的“表格自动套用格式”可以快速应用预设样式。 - “视图”菜单的“工具栏”中的“表格和边框”提供了丰富的格式设置选项,如字体、底色、线条样式等。 - 右键点击表格选择...

    办公软件技能大赛复习题.doc

    16. **输入文本到文本框**:只需鼠标左键单击文本框即可开始输入。 17. **文本框特性**:文本框内的文字可以有不同的字体、字号和特征,可以填充颜色、改变边框颜色,且可以旋转任意角度。 18. **格式刷功能**:...

    精品资料(2021-2022年收藏)业务培训记录———教师计算机基础知识培训教案资料.doc

    **简单创建**:通过“常用工具栏”的“插入表格”按钮,直接用鼠标拖动选择行列数量。\n2. **手工绘制**:激活“表格和边框工具栏”,点击“绘制表格”按钮,直接在文档上画出表格,线条可擦除。\n3. **菜单命令...

    四年级下信息技术模拟考试题-全能炼考_玉田县(无答案).docx

    - 把鼠标指针移动到任意一个控点上,按住左键拖动,可以改变艺术字的**形状**; - 把鼠标指针移动到艺术字上,按住左键拖动,可以改变艺术字的**位置**。 8. **表格**: - 表格中的水平线称为**行线**,垂直线...

    WPS文字2007教程(全).pdf

    表格行列的调整包括增加或删除行/列等操作,可以通过鼠标操作或菜单命令实现。 **绘制斜线表头** 斜线表头是表格中常见的设计元素,用于分类或分组数据。在WPS文字2007中创建斜线表头的方法是: 1. **插入单元格*...

    (完整版)计算机应用基础(Windows7+Office2010)课件.ppt

    * 复制和移动幻灯片:选中要复制或者移动的幻灯片,使用对应的命令按钮、快捷键或者拖动鼠标的方法进行操作 * 删除幻灯片:选中要删除的幻灯片,按Delete键,或者右击,在弹出的快捷菜单中选择“删除幻灯片”命令 * ...

    基于layui输入内容回车创建标签实例

    layui是一个轻量级、模块化的前端框架,它集成了CSS、JavaScript和各种前端组件,如表格、按钮、表单、弹窗等。layui的设计理念是简洁、易用,这使得开发者可以快速上手并灵活地进行定制。 在“基于layui输入内容...

Global site tag (gtag.js) - Google Analytics