Visualizzazione risultati 1 fino 7 di 7

Discussione: Problema campi input

  1. #1
    Guest

    Arrow Problema campi input

    Salve a tutti io avrei bisogno di sapere un paio di cose:
    -come impostare input di solo numeri;->*
    -come impostare input di solo parole;
    -come creare un esempio nell'interno del campo input che al click scompare;
    *->Impostare un massimo di 1 solo numero che può arrivare fino a 9.

    Ecco su cosa dovrei applicarlo:
    Codice HTML:
    <form id="contact" name="modulo" method="post" action="send.php"">
      <div>
        <div class="input-cont">  <p>  <label for="nome">Nome: <br>
        </label>
        <p style="font-size:10px; float:right; font-style:italic;">Inserire il proprio Nome..</p>
            <input type="text" id="nome" name="nome"></p></div>
    
        <div class="input-cont">
        <p>
          <label for="cognome">Cognome: <br>
        </label>
        <p style="font-size:10px; float:right; font-style:italic;">Inserire il proprio Cognome.</p>
    <input type="text" id="cognome" name="cognome" maxlength="16"></p></div>
        
        <div class="input-cont"><p>
          <label for="email">Email: <br>
        </label>
        <p style="font-size:10px; float:right; font-style:italic;">Inserire la pripria E-mail..</p>
        <input type="text" id="email" name="email"></p></div>
     
        <div class="input-cont"><p>
          <label for="telefono">Telefono:<br>
        </label>
        <p style="font-size:10px; float:right; font-style:italic;">Inserire il proprio recapito telefonico.</p>
        <input type="text" id="telefono" name="telefono"></p></div>
    
        <div class="input-cont"> <p>
          <label for="stanze">Stanze: <br>
        </label>
        <p style="font-size:10px; float:right; font-style:italic;"> Inserire fino ad un MAX. 2.</p>
        <input type="text" id="stanze" name="stanze"></p></div>
     
        <div class="input-cont"><p>
          <label for="persone">Persone:<br>
        </label>
        <p style="font-size:10px; float:right; font-style:italic;">Inserire fino ad un MAX. 9.</p>
        <input type="text" id="persone" name="persone"></div>
        
     
        <div class="input-cont"><p>
          <label for="notti">Numero notti:<br>
        </label>
        <p style="font-size:10px; float:right; font-style:italic;">Inserire quante notti.</p>
        <input type="text" id="notti" name="notti"></p></div>
        
        
        <div class="textarea-cont">
          <p>
            <label for="message">Ulteriori informazioni o domande:<br>
            </label>
            <textarea id="message" name="message" maxlength="200" rows=13 cols=51 ></textarea>
          </p><p style="font-size:10px; float:right; font-style:italic;">Tutti i campi sono obbligatori.</p>
        </div>
        <div align="center">
          <button id="pulsante" value="invia">invia </button></div>
    
      </div>
    </form>

  2. #2
    Guest

    Predefinito

    Se usi HTML 5 puoi mettere gli attributi min e max (imporranno anche che sia un numero) e usare l'attributo placeholder per fargli avere un testo, ma scompariranno quando inserirai un carattere, non quando ci cliccherai.
    Per l'input di parole (o se non hai HTML 5) devi usare PHP, con filter_var(); per il testo che al click scompare dovrai invece usare Javascript, con l'attributo onClick.

  3. #3
    Guest

    Predefinito

    Qualche esempio su quello che ho dato io? grazie.
    Citazione Originalmente inviato da gdrfaidate Visualizza messaggio
    Se usi HTML 5 puoi mettere gli attributi min e max (imporranno anche che sia un numero) e usare l'attributo placeholder per fargli avere un testo, ma scompariranno quando inserirai un carattere, non quando ci cliccherai.
    Per l'input di parole (o se non hai HTML 5) devi usare PHP, con filter_var(); per il testo che al click scompare dovrai invece usare Javascript, con l'attributo onClick.

  4. #4
    Guest

    Predefinito

    Per impostare il numero massimo:
    Codice HTML:
    <input type="text" id="persone" name="persone" max="9">
    Per il testo che compare prima dell'inserimento del testo:
    Codice HTML:
    <input type="text" id="nome" name="nome" placeholder="Nome">
    Con PHP dovrai mettere, dopo l'invio del form, qualcosa del tipo
    Codice PHP:
    if(filter_var($_POST['email'], FILTER_VALIDATE_EMAIL))
    {
      echo 
    'Email valida';
    }
    else
    {
      echo 
    'Email non valida';

    Per avere solo numeri, ecc. basterà cambiare il secondo parametro. Puoi vedere i i filtri (oltre a FILTER_VALIDATE_EMAIL) sul manuale.
    Per Javascript, sarebbe circa
    Codice HTML:
    <input type="text" id="nome" name="nome" onClick="this.value='';">

  5. #5
    Guest

    Predefinito

    come impostare input di solo parole? (scusa se ti sto facendo perdere tempo).

    Citazione Originalmente inviato da gdrfaidate Visualizza messaggio
    Per impostare il numero massimo:
    Codice HTML:
    <input type="text" id="persone" name="persone" max="9">
    Per il testo che compare prima dell'inserimento del testo:
    Codice HTML:
    <input type="text" id="nome" name="nome" placeholder="Nome">
    Con PHP dovrai mettere, dopo l'invio del form, qualcosa del tipo
    Codice PHP:
    if(filter_var($_POST['email'], FILTER_VALIDATE_EMAIL))
    {
      echo 
    'Email valida';
    }
    else
    {
      echo 
    'Email non valida';

    Per avere solo numeri, ecc. basterà cambiare il secondo parametro. Puoi vedere i i filtri (oltre a FILTER_VALIDATE_EMAIL) sul manuale.
    Per Javascript, sarebbe circa
    Codice HTML:
    <input type="text" id="nome" name="nome" onClick="this.value='';">

  6. #6
    Guest

    Predefinito

    Quello lo puoi fare con le espressioni regolari, per esempio con
    Codice PHP:
    if(!preg_match('{[0-9]+}'$stringa)) 
    entrerà nell'if se non ci sono numeri in $stringa (quindi possono esserci lettere, punteggiatura e altro). Se vuoi togliere altri caratteri, basta che vai a vedere sul manuale.

  7. #7
    L'avatar di helpcode
    helpcode non è connesso Utente
    Data registrazione
    20-07-2013
    Messaggi
    139

    Predefinito

    In HTML puoi limitare il contenuto degli input solo con HTML5. Dovrai poi in php rieseguire tutti i controlli, perché l'HTML è modificabile, e quindi offre zero garanzie.

    Puoi anche guardare come fare a usare le espressioni regolari nei campi HTML5 (http://casario.blogs.com/mmworld/201...pressions.html)
    PROBLEMI CON IL TUO SITO? TI OFFRIAMO ASSISTENZA GRATIS!

    Siamo un team di web developers & designers nato per dare un aiuto concreto a tutti i giovani sviluppatori ancora inesperti. Abbiamo creato HelpCode per decidarci a te, per rispondere ogni giorno alle tue domande. Gratis!

    HTML, CSS, JS, JQuery, PHP, Wordpress. Inviaci la tua richiesta a http://helpcode.altervista.org

Tags for this Thread

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •