代码:
<!DOCTYPE html>
<html>
<head>
<title>Greeting Service!</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' />
<style type="text/css">
#name {
font-family: "Open Sans", sans-serif;
font-weight: 700;
}
#greet {
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
</style>
</head>
<body>
<center>
<?php
if (isset($_POST['language'])) {
$language = $_POST['language'];
switch ($_POST['language']) {
case "option1":
$result = "Hello, {$_POST['name']}!";
break;
case "option2":
$result = "你好, {$_POST['name']}!";
break;
case "option3":
$result = "Bonjour, {$_POST['name']}!";
break;
}
echo $result;
} else {
?>
<form method="post" action="">
<h1 id="name">What's Your Name?</h1>
<input type="text" name="name" placeholder="Name Here" />
<h4 id="greet">Greet me in:
<select name="language">
<option value="option1">English</option>
<option value="option2">Chinese</option>
<option value="option3">French</option>
</select>
</h4>
<input type="submit" value="Greet Me!" />
</form>
</center>
<?php
}
?>
</body>
</html>
我不知道如何更改从文本框输出的"名称"的字体。是否可以在php代码中使用css样式?我想更改从文本框输出的文本的字体大小和字体系列。感谢
是的,你可以像对待任何立即应用的CSS样式一样这样做:
$result = "<p style="font-weight:val;font-family:val;">Hello, {$_POST['name']}!</p>";
您可以根据需要更改这些值,并且样式应该在echo
输出时显示。
或者,正如下面所建议的,您可以用CSS包装$result
,或者如果您想设置不同的值,您可以将它们应用于您的开关情况,如下所示:
switch ($_POST['language']) {
case "option1":
$result = "Hello, {$_POST['name']}!";
$style = 'font-weight:val;font-family:val';
break;
case "option2":
$result = "你好, {$_POST['name']}!";
$style = 'font-weight:val;font-family:val';
break;
case "option3":
$result = "Bonjour, {$_POST['name']}!";
$style = 'font-weight:val;font-family:val';
break;
}
echo '<p style="' . $style . '">' . $result . '</p>';
<!DOCTYPE html>
<html>
<head>
<title>Greeting Service!</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' />
<style type="text/css">
#name {
font-family: "Open Sans", sans-serif;
font-weight: 700;
background-color: red;
}
#greet {
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
</style>
</head>
<body>
<center>
<?php
if (isset($_POST['language'])) {
$language = $_POST['language'];
switch ($_POST['language']) {
case "option1":
$result = "<p id='"name'">Hello, {$_POST['name']}!</p>";
break;
case "option2":
$result = "<p id='"name'">你好, {$_POST['name']}!</p>";
break;
case "option3":
$result = "<p id='"name'">Bonjour, {$_POST['name']}!</p>";
break;
}
echo $result;
} else {
?>
<form method="post" action="">
<h1 id="name">What's Your Name?</h1>
<input type="text" name="name" placeholder="Name Here" />
<h4 id="greet">Greet me in:
<select name="language">
<option value="option1">English</option>
<option value="option2">Chinese</option>
<option value="option3">French</option>
</select>
</h4>
<input type="submit" value="Greet Me!" />
</form>
<?php
}
?>
</center>
</body>
</html>