このhtml/phpフォームの幅とスタイルを変更するにはどうすればよいですか？

このアプリケーションフォームのフォントサイズを変更しようとしていますが、どのような方法が最適ですか？ CSSでフォントサイズを追加しようとしました。私が間違っているところへのヒント？おかげこのhtml/phpフォームの幅とスタイルを変更するにはどうすればよいですか？

https://jsfiddle.net/2wwo347n/

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>タグのフォントサイズを変更したいようです。しかし、私たちはあなたの中にこのような<input>を除き、あなたは<h2>タグでやったことと同じような何かを行う必要があり、私たちに教え、

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

ベター・プラクティス：あなたはこのように、フォントサイズを大きくするために、インラインスタイリングを行うことができますCSSファイル：

input { 
    font-size:40px; 
}

出典

2016-11-27 23:45:29

応援仲間に感謝 –

このhtml/phpフォームの幅とスタイルを変更するにはどうすればよいですか？

答えて

関連する問題