使用html编写一个有篮球、足球、排球、羽毛球的多选框
时间: 2023-07-10 15:27:34 浏览: 139
好的,以下是使用HTML编写的有篮球、足球、排球、羽毛球的多选框:
```html
<form>
<label>
<input type="checkbox" name="sport" value="basketball">
篮球
</label><br>
<label>
<input type="checkbox" name="sport" value="football">
足球
</label><br>
<label>
<input type="checkbox" name="sport" value="volleyball">
排球
</label><br>
<label>
<input type="checkbox" name="sport" value="badminton">
羽毛球
</label><br>
</form>
```
这段HTML代码中,我们使用了`<form>`标签来包含多选框,每个多选框都是由`<input>`标签创建的。多选框的类型是`checkbox`,它会在选中时显示一个勾选框。每个多选框都有一个`name`属性,它们的值都是`sport`,这代表着这几个多选框是同一组。每个多选框也都有一个`value`属性,这些值将在表单提交时被发送到服务器。最后,我们使用`<label>`标签为每个多选框创建一个标签,这样用户点击标签时也可以选中多选框。
相关问题
使用html编写一个有篮球、足球、排球、羽毛球的基础多选框
好的,以下是使用HTML编写的有篮球、足球、排球、羽毛球的基础多选框:
```html
<label>
<input type="checkbox" name="basketball" value="basketball">
篮球
</label>
<label>
<input type="checkbox" name="football" value="football">
足球
</label>
<label>
<input type="checkbox" name="volleyball" value="volleyball">
排球
</label>
<label>
<input type="checkbox" name="badminton" value="badminton">
羽毛球
</label>
```
这段HTML代码中,我们使用了`<label>`标签为每个多选框创建一个标签,这样用户点击标签时也可以选中多选框。每个多选框都是由`<input>`标签创建的,类型是`checkbox`,它会在选中时显示一个勾选框。每个多选框都有一个`name`属性和一个`value`属性。`name`属性用于将多选框与其他表单元素联系起来,`value`属性是多选框选中时发送到服务器的值。
JAVA创建个学生信息调查界面要有姓名爱好:篮球排球乒乓球足球,学生信息有空位置填,最后有个确定
好的,这里提供一个简单的Java Swing界面示例代码,可以用来创建学生信息调查界面:
```java
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class StudentSurvey extends JFrame implements ActionListener {
private JTextField nameField;
private JCheckBox basketballBox, volleyballBox, pingpongBox, soccerBox;
public StudentSurvey() {
setTitle("学生信息调查");
setSize(300, 200);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
// 创建姓名输入框
JLabel nameLabel = new JLabel("姓名:");
nameField = new JTextField(10);
JPanel namePanel = new JPanel();
namePanel.add(nameLabel);
namePanel.add(nameField);
// 创建爱好选择框
JLabel hobbyLabel = new JLabel("爱好:");
basketballBox = new JCheckBox("篮球");
volleyballBox = new JCheckBox("排球");
pingpongBox = new JCheckBox("乒乓球");
soccerBox = new JCheckBox("足球");
JPanel hobbyPanel = new JPanel();
hobbyPanel.add(hobbyLabel);
hobbyPanel.add(basketballBox);
hobbyPanel.add(volleyballBox);
hobbyPanel.add(pingpongBox);
hobbyPanel.add(soccerBox);
// 创建确定按钮
JButton okButton = new JButton("确定");
okButton.addActionListener(this);
JPanel buttonPanel = new JPanel();
buttonPanel.add(okButton);
// 将组件添加到窗口中
Container contentPane = getContentPane();
contentPane.setLayout(new GridLayout(3, 1));
contentPane.add(namePanel);
contentPane.add(hobbyPanel);
contentPane.add(buttonPanel);
}
// 处理确定按钮的点击事件
public void actionPerformed(ActionEvent e) {
String name = nameField.getText();
String hobby = "";
if (basketballBox.isSelected()) {
hobby += "篮球 ";
}
if (volleyballBox.isSelected()) {
hobby += "排球 ";
}
if (pingpongBox.isSelected()) {
hobby += "乒乓球 ";
}
if (soccerBox.isSelected()) {
hobby += "足球 ";
}
JOptionPane.showMessageDialog(this, "姓名:" + name + "\n爱好:" + hobby);
}
public static void main(String[] args) {
StudentSurvey survey = new StudentSurvey();
survey.setVisible(true);
}
}
```
运行上述代码,即可看到一个简单的学生信息调查界面。用户可以输入姓名和选择爱好,点击确定按钮后,程序会弹出一个对话框,显示输入的姓名和所选的爱好。
阅读全文