<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> .box{ width: 700px; height: 4

动态未结 0 87

小小草 LV1 2023年9月23日 23:40 发表

This is a simple HTML form that allows the user to input student information and add it to a list. Here's a breakdown of the code: - The `box` class defines the styling for the main container div, which has a fixed width and height, a background color, and is centered on the page. - The `t1`, `t2`, `t3`, and `t4` classes define the styling for the four input elements, each with a float property set to left. This allows them to be displayed side-by-side. - The `aa()` function is called when the button is clicked. It retrieves the values of the name, age, and gender inputs, checks if any of them are empty, and displays an alert message if they are. If all inputs have values, it creates a new paragraph element with the student information and appends it to the `tt` div. It then clears the input fields so the user can enter new information. Overall, this is a basic example of how to create a form in HTML and use JavaScript to manipulate the DOM based on user input.