wie design grouped input-text-Felder in eine abgerundete Ecke box in jQuery Mobile

kann mir jemand sagen wie kann ich mehrere text-input-Felder in einem gruppierten abgerundete Ecke box?

auch mit text Platzhalter.

entnehmen Sie bitte den angehängten Bild

wie design grouped input-text-Felder in eine abgerundete Ecke box in jQuery Mobile

Ich versuche von meiner Seite den code unten:

<div data-role="content" data-inset="true" data-theme="b">
    <div data-role="fieldcontain">
    <form id="frmLogin" action="#" method="POST" data-transition="slide">
      <fieldset data-role="controlgroup" class="ui-corner-all ui-controlgroup ui-controlgroup-vertical">

        <div class="ui-field-contain">
          <label id="txtLoginName" for="loginName"></label>
          <input type="text" name="loginName" id="loginName" value=""  class="required"/>
        </div>
        <div class="ui-field-contain">
          <label id="txtLoginPassword" for="loginPassword"></label>
          <input type="password" name="password" id="loginPassword" value="" class="required"/>
        </div>

        <div class="ui-grid-a">
          <div class="ui-block-a">
            &nbsp;
          </div>
          <div class="ui-block-b">
            <a id="btnLoginSubmit" href="#" data-role="button" data-transition="slide" data-inline="true"></a>
          </div>
        </div>

      </fieldset>
    </form>
    </div>
  </div>

vielen Dank im Voraus

Können Sie zeigen, was Sie versuchen, aus Ihrer Seite
bitte überprüfen Sie den code oben
Wo ist dein CSS auch?

InformationsquelleAutor EMMNS | 2012-05-14

  1. 1

    Ich nicht über die CSS zu arbeiten. So, hier ist eine einfache alternative.

    CSS:

    div {
    border: 2px #ddd solid;
    border-radius: 20px;
    width: 300px;
    padding: 20px;
}
div input {
    border: none;
    width: 260px;
    padding: 20px;
}
div input:not(:last-child) {
    border-bottom: 1px #ddd solid;
}

    HTML:

    <div>
    <input type="text"  value="email"/>
    <input type="password" value="password" />
</div>

    Demo

    nun, ich habe nicht fügen Sie die css noch, da wurde ich gefragt, ob ich um dies zu erreichen, mit der jQuery mobile css, da kann ich die Gruppe check-Boxen und radio-buttons, nicht aber die Eingabe von text....
    Die Frage sagt ganz klar in jQuery Mobile. Dies funktioniert nicht mit jQuery Mobile.

    InformationsquelleAutor Starx

Schreibe einen Kommentar