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

我想改变这个应用程序的字体大小，什么是最好的方法？我曾尝试在CSS添加字体大小。任何提示，我要去哪里错了？感谢如何更改此html/php表单的宽度和样式？

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

}

进出口新的编码，其他任何提示或暗示赞赏

<!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>

来源

2016-11-27 A.J.W

的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; 
}

来源

2016-11-27 23:45:29

干杯杰克，欣赏帮助队友 –

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

回答

相关问题