点击按钮或者某一张图片时怎样在文本域中显示图片

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<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>
<textarea rows="20" cols="100" id="te">
</textarea>
<br>

/**

点击按钮或者图片在文本域中显示该图片

*/
<input type="button" value="添加图片" οnclick="addImage()" />
<img alt="提示" src="1.jpg" οnclick="addImage()">

<SCRIPT LANGUAGE="JavaScript">
function addImage(){
var img = document.createElement("img");
img.src = "1.jpg";
document.getElementById('te').appendChild(img);
}
</SCRIPT>
</BODY>
</HTML>

以下是一个简单的 Java 程序,可以实现在界面内点击添加按钮,将填入的姓名信息在多行文本域显示的功能: ``` import java.awt.*; import java.awt.event.*; import javax.swing.*; public class AddName extends JFrame implements ActionListener { private JTextArea textArea; private JTextField nameField; public AddName() { super("Add Name"); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // 创建一个面板并设置布局 JPanel panel = new JPanel(new BorderLayout()); // 创建一个多行文本域并添加到面板 textArea = new JTextArea(); panel.add(new JScrollPane(textArea), BorderLayout.CENTER); // 创建一个标签和文本框用于输入姓名,并添加到面板 JLabel nameLabel = new JLabel("Name:"); nameField = new JTextField(20); panel.add(nameLabel, BorderLayout.WEST); panel.add(nameField, BorderLayout.EAST); // 创建一个按钮并添加到面板 JButton addButton = new JButton("Add"); addButton.addActionListener(this); panel.add(addButton, BorderLayout.SOUTH); // 将面板添加到窗口并设置窗口大小 setContentPane(panel); setSize(300, 200); } // 当按钮被点击,将填入的姓名信息添加到多行文本域 public void actionPerformed(ActionEvent e) { String name = nameField.getText(); textArea.append(name + "\n"); nameField.setText(""); } public static void main(String[] args) { AddName frame = new AddName(); frame.setVisible(true); } } ``` 在这个程序,我们创建了一个 `JFrame` 窗口,包含一个多行文本域、一个标签和文本框用于输入姓名、一个添加按钮。当用户在文本框输入姓名并点击添加按钮,程序会将姓名信息添加到多行文本域,并清空文本框以便下一次输入。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值