Use a table to adjust the format of the form controls to make them look better
|
Because I want to write a web page myself, I am also learning some things about HTML language. This reminds me of my interest in web design in college. Unfortunately, I didn’t have my own computer at that time. I often went to Internet cafes to buy floppy disks to download some pictures, and then used fontpage to make some web pages. Later, I bought a computer and was fascinated by "Legend", and I also forgot about web design.... Since I was working on Ubuntu, and there were very few WYSIWYG web design tools under Linux, I finally chose Bluefish. I want to make a form to add devices, but it looks ugly because the prefixes are different. As shown in the figure: Copy code The code is as follows:<!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <html> <body> Username:<input type="text" name="username"><br/> Password:<input type="password" name="password"> </body> </html>  This input box is not aligned, I feel so sad, then my colleague said that I can use a table to format it, after asking for advice, the code is as follows: Copy code The code is as follows:<!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <html> <body> <table> <tr> <td>Username:</td> <td><input type="text" name="username"><br/></td> </tr> <tr> <td>Password:</td> <td><input type="password" name="password"></td> </tr> </table> </body> </html>  Ahaha, I got a new skill. Thanks to Tong Jun for his strong support~~ It also taught me how to use CSS to control the format of the table. Copy code The code is as follows:<style type="text/css"> table{border-top:#000 solid 1px; border-left:#000 solid 1px;} td{ border-bottom:#000 solid 1px; border-right:#000 solid 1px;} </style> |
<<: How to deploy kafka in docker
>>: Docker starts MySQL configuration implementation process
Recommend
Vue implements student management function
This article example shares the specific code of ...
Detailed explanation of nginx proxy_cache cache configuration
Preface: Due to my work, I am involved in the fie...
What are HTML inline elements and block-level elements and their differences
I remember a question the interviewer asked durin...
MySQL transaction isolation level details
serializable serialization (no problem) Transacti...
Detailed explanation of Vuex environment
Table of contents Build Vuex environment Summariz...
Ubuntu Docker installation in vmware (container building)
1. Mind Map 2. How to build a container 2.1 Prepa...
Implementation of fastdfs+nginx cluster construction
1. Introduction to fastdfs 1. What is fastdfs Fas...
How to run sudo command without entering password in Linux
The sudo command allows a trusted user to run a p...
How to configure CDN scheduling using Nginx_geo module
Introducing the Geo module of Nginx The geo direc...
Native JavaScript to implement random roll call table
This article example shares the specific code of ...
A brief analysis of the difference between static and self in PHP classes
Use self:: or __CLASS__ to get a static reference...
Introduction to installing JDK under Linux, including uninstalling OpenJDK
1. View openjdk rpm -qa|grep jdk 2. Delete openjd...
JavaScript to achieve JD.com flash sale effect
This article shares the specific code of JavaScri...
Is it easy to encapsulate a pop-up component using Vue3?
Table of contents Summary put first: 🌲🌲 Preface: ...
How to Check Memory Usage in Linux
When troubleshooting system problems, application...