Skip to content

Bootstrap modulo di login con tooltip accanto alla casella di testo esempio di codice

Non dimenticare che in informatica qualsiasi problema ha quasi sempre diverse soluzioni, ma insegneremo la più ottimale e la migliore.

Esempio 1: bootstrap form input select

<divclass="col-lg-6 col-md-6 col-12"><divclass="input-group mb-3"><divclass="input-group-prepend"><selectclass="form-control select2bs4"name="country_code"id="country_code"style="width:100%"><optionvalue="+91">+91option><optionvalue="+351">+351option><optionvalue="+1">+1option>select>div><inputtype="text"name="user"class="form-control"placeholder="Email Or Mobile Number">div>div>

Esempio 2: validazione del campo di input in bootstrap

<form><divclass="form-row"><divclass="col-md-4 mb-3"><labelfor="validationServer01">First namelabel><inputtype="text"class="form-control is-valid"id="validationServer01"placeholder="First name"value="Mark"required><divclass="valid-feedback">
        Looks good!
      div>div><divclass="col-md-4 mb-3"><labelfor="validationServer02">Last namelabel><inputtype="text"class="form-control is-valid"id="validationServer02"placeholder="Last name"value="Otto"required><divclass="valid-feedback">
        Looks good!
      div>div><divclass="col-md-4 mb-3"><labelfor="validationServerUsername">Usernamelabel><divclass="input-group"><divclass="input-group-prepend"><spanclass="input-group-text"id="inputGroupPrepend3">@span>div><inputtype="text"class="form-control is-invalid"id="validationServerUsername"placeholder="Username"aria-describedby="inputGroupPrepend3"required><divclass="invalid-feedback">
          Please choose a username.
        div>div>div>div><divclass="form-row"><divclass="col-md-6 mb-3"><labelfor="validationServer03">Citylabel><inputtype="text"class="form-control is-invalid"id="validationServer03"placeholder="City"required><divclass="invalid-feedback">
        Please provide a valid city.
      div>div><divclass="col-md-3 mb-3"><labelfor="validationServer04">Statelabel><inputtype="text"class="form-control is-invalid"id="validationServer04"placeholder="State"required><divclass="invalid-feedback">
        Please provide a valid state.
      div>div><divclass="col-md-3 mb-3"><labelfor="validationServer05">Ziplabel><inputtype="text"class="form-control is-invalid"id="validationServer05"placeholder="Zip"required><divclass="invalid-feedback">
        Please provide a valid zip.
      div>div>div><divclass="form-group"><divclass="form-check"><inputclass="form-check-input is-invalid"type="checkbox"value=""id="invalidCheck3"required><labelclass="form-check-label"for="invalidCheck3">
        Agree to terms and conditions
      label><divclass="invalid-feedback">
        You must agree before submitting.
      div>div>div><buttonclass="btn btn-primary"type="submit">Submit formbutton>form>

Ti mostriamo commenti e punteggi

Considera di consigliare questo scritto se ha risolto il tuo problema.



Utilizzate il nostro motore di ricerca

Ricerca
Generic filters

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.