HTML form application includes the use of check boxes and radio buttons
|
Including the use of check boxes and radio buttons Copy code The code is as follows:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Login interface</title> </head> <body> <h1> <strong>Login screen</strong> </h1> <form name="f1" id="f1"> <table border="0" width="457" height="280" cellspacing="1" cellpadding="1"> <tbody><tr> <td width="44">Login:</td> <td width="406"><input type="text" name="login" id="login" size=""></input></td> </tr> <tr><td colspan="3" align="left">Professional: <input type="radio" name="type" value="computer" checked="">Computer application</input> <input type="radio" name="type" value="software">Software Engineering</input> <input type="radio" name="type" value="auto">Automation</input> </td> </tr> Courses: <input type="checkbox" value="">Computer Network</input> <input type="checkbox" value="">Database Principles</input> <input type="checkbox" value="">WEB programming</input> <input type="checkbox" value="">Java programming</input></td> </tr> </tbody></table> </form> </body> </html> Actual effect: Login screen  |
<<: Jenkins builds Docker images and pushes them to Harbor warehouse
![Centos 7.4 server time synchronization configuration method [based on NTP service]](/upload/images/67caeb8a142d5.webp)
Recommend
Teach you how to create a project using vue-cli3 in five minutes (beginner's guide)
Table of contents 1. Build the Vue environment 2....
The perfect solution for highlighting keywords in HTML
I recently encountered a feature while working on...
Detailed explanation of Dockerfile to create a custom Docker image and comparison of CMD and ENTRYPOINT instructions
1. Overview There are three ways to create a Dock...
How to periodically clean up images that are None through Jenkins
Preface In the process of continuous code deliver...
Detailed explanation of the TARGET attribute of the HTML hyperlink tag A
The hyperlink <a> tag represents a link poin...
Introduction to the properties of B-Tree
B-tree is a common data structure. Along with him...
Detailed explanation of the difference and application of CSS3 filter:drop-shadow filter and box-shadow
To use standard CSS3 to achieve the shadow effect...
Vue2.x responsiveness simple explanation and examples
1. Review Vue responsive usage Vue responsivenes...
Detailed explanation of the pitfalls of nginx proxy socket.io service
Table of contents Nginx proxies two socket.io ser...
Detailed explanation of several ways to create objects and object methods in js
This article is the second article about objects ...
Example of adding multi-language function to Vue background management
Table of contents 1. First, configure the main.js...
Detailed explanation of component development of Vue drop-down menu
This article example shares the specific code for...
Example of automatic stop effect after text scrolling
The effect is very simple, just copy the following...
mysql5.7.19 winx64 decompressed version installation and configuration tutorial
Recorded the installation tutorial of mysql 5.7.1...
JS realizes special effects of web page navigation bar
This article shares with you a practical web navi...