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>

---

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.

Qualche esempio su quello che ho dato io? grazie.

Citazione:

---

Originalmente inviato da gdrfaidate

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.

---

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='';">

---

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

Citazione:

---

Originalmente inviato da gdrfaidate

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='';">

---

---

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.

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)