gpt4 book ai didi

html - 如何更改此 html/php 表单的宽度和样式?

转载 作者:太空宇宙 更新时间:2023-11-04 09:30:25 25 4
gpt4 key购买 nike

我正在尝试更改此申请表的字体大小,最好的方法是什么?我试过在 CSS 中添加字体大小。关于我哪里出错的任何提示?谢谢

https://jsfiddle.net/2wwo347n/

h2 {
font-family: "Verdana", Verdana, serif;
font-size: 14px;

}

im new to coding, any others tips or hints appreciated

<!DOCTYPE html>  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" >

<head>
<title>Kontakt - A.Willi A.G</title>
<script>
function _(id){ return document.getElementById(id); }
function submitForm(){
_("mybtn").disabled = true;
_("status").innerHTML = 'please wait ...';
var formdata = new FormData();
formdata.append( "n", _("n").value );
formdata.append( "e", _("e").value );
formdata.append( "m", _("m").value );
var ajax = new XMLHttpRequest();
ajax.open( "POST", "example_parser.php" );
ajax.onreadystatechange = function() {
if(ajax.readyState == 4 && ajax.status == 200) {
if(ajax.responseText == "success"){
_("my_form").innerHTML = '<h2>Thanks '+_("n").value+', your message has been sent.</h2>';
} else {
_("status").innerHTML = ajax.responseText;
_("mybtn").disabled = false;
}
}
}
ajax.send( formdata );
}
</script>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv= "content-type" content="text/html"; charset="UTF-8">
<meta name ="web_author" content="A.Willi A.G A.J.W">
<meta name="robots" content="noarchive">
<meta name="robots" content="selection">
<meta name="language" content="DE">
<meta name='pagename' content='Home, Rohrschlosser, Schweisser, Jobs, Personalverleih, Basel, Schweiz.'>
<meta name="copyright" content="Copyright at A.Willi A.G Personalverleih, Rohrschlosser, Schweisser, Basel.">
<meta name ="description" content=

"Die A.Willi A.G ist als Personalverleiher in der gesamten Schweiz und im Ausland erfolgreich
tatig mit über 30-jahrige Erfahrung in dieser Sparte.<<Wir suchen immer neue
Montagepersonel; Rohrschlosser, Schweisser und Monteur>><<Basel, Jobs, Welder,
Pipefitter, Mntage, Arbeitsmarkt, Temporär>>">

</head>

<body>


<link rel="shortcut icon" href="aw.png">
<link rel="stylesheet" href="index.css" type="text/css"/>
<div class="container">

<div class="logo">
<h1 align="center"><img src="logo2.png" height="110" width="500" alt="A.Willi A.G" /</h1>
</div>

<div class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="" class="dropbtn">Bewerber</a>
<div class="dropdown-content">
<a href="info.html">Info</a>
<a href="jobs.html">Jobs</a>
</div>
</li>

<li class="dropdown">
<a href="#" class="dropbtn">Kunde</a>
<div class="dropdown-content">
<a href="personnel.html">Personalverleih</a>
<a href="rental.html">Werkzeuge Mieten</a>
<a href="refrences.html">Referenzen</a>
<a href="quali.html">Qulität, Sicherheit und Weiterbildung</a>
</ul>
</li>
</div>

<div class="slideshow">
<img src="panorama.jpg">
<img src="panorama.jpg">
<img src="panorama.jpg">
</div>

<h2 align="center"> <!--FORM-->
<form id="my_form" onsubmit="submitForm(); return false;">
<p><input id="n" placeholder="Vorname" required></p>
<p><input id="x" placeholder="Nachname" required></p>
<p><input id="z" placeholder="Telefon" required></p>
<p><input id="e" placeholder="Email Address" type="email" required></p>
<textarea id="m" placeholder="write your message here" rows="10" required></textarea>
<p><input id="mybtn" type="submit" value="Submit Form"> <span id="status"></span></p>
</form>
</h2>

最佳答案

您似乎要为其更改字体大小的 DOM 是 <h2> .如果我没有正确理解你的问题,那么你似乎想更改 <input> 的字体大小。标签。你可以做内联样式来增加字体大小,像这样:

<p><input style="font-size: 40px" id="n" placeholder="Vorname" required></p>
<p><input style="font-size: 40px" id="x" placeholder="Nachname" required></p>
<p><input style="font-size: 40px" id="z" placeholder="Telefon" required></p>

然而,更好的做法告诉我们,我们应该做一些与您对 <h2> 所做的类似的事情。标签,<input> 除外在你的 css 文件中像这样:

input {
font-size:40px;
}

关于html - 如何更改此 html/php 表单的宽度和样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40835116/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com