Home > Backend Development > PHP Problem > How to set font for php form title

How to set font for php form title

angryTom
Release: 2023-02-28 08:34:01
Original
3350 people have browsed it

How to set font for php form title

How to set the font for the php form title

We can use css style to set the web font, specifically The attribute is font-family. Let’s take a look at how to set the title of the form.

1. First, there is an h2 tag in the form, which is used to display the title of the form.

<form action="form_action.php" method="get">
<h2 class="form-title">改名</h2>
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
Copy after login

2. Then we write the style tag in the head and add the style.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.form-title{
font-family:"Times New Roman",Georgia,Serif;
}
</style>
</head>
<body>
<form action="form_action.php" method="get">
<h2>标题</h2>
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
</body>
</html>
Copy after login

font-family can set which font to use. The font name does not require quotation marks, but if the font name has spaces, it needs to be wrapped in quotation marks.

Note: h1-h6 are common headings, h1 can only be used once per page, and more is not conducive to SEO.

For more PHP related knowledge, please visit PHP Chinese website!

The above is the detailed content of How to set font for php form title. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template