0

誰でも私を助けることができますか？HTMLフォームのテキストボックスの後にdivを配置する必要があります。ie.label、textbox、および新しい div が同じ行にある

私のhtmlコードを見てください。まだdivコードを追加していません。

このコードを変更せずに、同じ行に div を追加するのを手伝ってください。このラベルとテキスト ボックスを配置するためのいくつかの CSS コードを作成したため

<form action="operates/signup.php" method="post" name="signupform" id="signupform">

      <label id="fnamelabel" for="fnam">First Name :</label>
      <input type="text" name="fnam" id="fnam" tabindex="1" />

    <p>
      <label id="lnamelabel"  for="lnam">Last Name :</label>
      <input type="text" name="lnam" id="lnam" tabindex="2" />
    </p>
    <p>
      <label id="yemail" for="email">Your Email :</label>
      <input type="text" name="email" id="email" tabindex="3" />
    </p>
    <p>
      <label id="reemail" for="remail">Re-enter Email :</label>
      <input type="text" name="remail" id="remail" tabindex="4" />
    </p>
    <p>
      <label id="npass" for="password">New Password :</label>
      <input type="text" name="password" id="password" tabindex="5" />
    </p>
    <p>
      <label id="mskill" for="bskill">Main Skill :</label>
      <select name="bskill" id="bskill" tabindex="6">
      </select>
    </p>
    <p>
      <input type="checkbox" name="termsanc" id="termsanc" tabindex="6" />
      <label id="terms" for="termsanc">I agreed the <a href="index.html">Terms and Conditions</a></label>
    </p>
    <div id="signupbutton" onclick="document.forms.signupform.submit()"></div>
  </form>

ありがとうございました

4

3 に答える 3

0

div をインラインとしてスタイルできますが、代わりにスパンを使用する必要があります。

于 2012-06-29T13:39:53.703 に答える
0

まず、そのマークアップに取り掛かりましょう。

<form action="operates/signup.php" method="post" name="signup_form">
    <label>First Name:
        <input name="first_name"></label>
    <label>Last Name:
        <input name="last_name"></label>
    <label>Your Email:
        <input type="email" name="email"></label>
    <label>Please Reenter Your Email:
        <input type="email" name="validate_email"></label>
    <label>New Password:
        <input type="password" name="password"></label>
    <label>Main Skill:
        <input name="main_skill"></label>
    <label><input type="checkbox" name="terms_and_conditions">I agreed the <a href="index.html">Terms and Conditions</a></label>

    <button type="submit">Submit</button>
</form>
<style type="text/css">
    form {
        display: block;
        width: 400px;
    }
    label {
        display: block;
        padding: 5px;
        margin: 5px;
    }
    form label input {
        float: right;
    }
    input[type=checkbox] {
        float: none;
    }
</style>

ほら、もっと良く見えませんか？

元の質問に関しては、 a を使用しないでくださいdiv、divは完全に意味のないブロックレベルの要素です。インライン要素 (つまり、同じ行に表示する) が必要な場合spanは、完全に意味のないインライン レベルの要素である a を使用します。

于 2012-06-29T13:54:05.553 に答える
0 
<label id="fnamelabel" for="fnam" style = "display:inline">First Name :</label>
<input type="text" name="fnam" id="fnam" tabindex="1" style = "display:inline" />
<div id="newDiv" style = "display:inline"></div>

通常、私はそのようなインライン CSS を使用しませんが、CSS を投稿していないので、必要だと感じました。

于 2012-06-29T13:46:42.233 に答える