Il miglior tutorial jQuery Mobile Modulo Nel 2024, in questo tutorial puoi imparare Struttura jQuery Mobile Modulo,Esempi,Esempi,Esempi,jQuery Mobile Forms icona,Esempi,Pulsante per aggiungere le icone:,campo Contenitore,Esempi,Esempi,
jQuery Mobile aggiungerà automaticamente automaticamente lo stile di moduli HTML, farle sembrare più attraente, più amichevole al tatto.
jQuery Mobile per utilizzare i CSS per lo stile elementi del modulo HTML per renderli più attraenti e più facili da usare.
In jQuery Mobile, è possibile utilizzare i seguenti controlli modulo:
Quando si utilizza modulo di jQuery Mobile, si dovrebbe sapere:
Per nascondere l'etichetta, utilizzare la classe ui-nascosto-accessibile. Questo è spesso usato quando si è gli attributi dell'elemento come un tag segnaposto:
Suggerimento: Possiamo usare i dati-chiara-BTN = "true " attributo per aggiungere un pulsante per cancellare il contenuto della casella di input (un'icona X a destra della casella di input):
pulsante Cancella nella casella di input <input> elemento viene utilizzato, ma non nel <textarea> a. Casella di ricerca dei dati-chiara-btn Il valore predefinito è "true", è possibile utilizzare il data-chiara-BTN = "false" per rimuovere l'icona. |
Formare il codice del pulsante è lo standard HTML <input> elemento (pulsante, Reset, presentare). Saranno il rendering automaticamente stili, adattandosi automaticamente dispositivi mobili per desktop:
Se è necessario aggiungere ulteriori stili di <input> tasto, è possibile utilizzare la seguente tabella data- * attributi:
proprietà | valore | descrizione |
---|---|---|
data-angoli | true | false | Specifica angoli se un pulsante ha arrotondato |
dati-icon | Icona Manuale di riferimento | Designazione pulsante con l'icona |
data-iconpos | left | right | superiore | fondo | notext | Specificare la posizione dell'icona |
dati-linea | true | false | Specifica se il pulsante in linea |
dati-mini | true | false | Specifica se il tasto mini |
dati-ombra | true | false | Specifica se il pulsante per aggiungere effetti di ombreggiatura |
Per rendere le etichette e gli elementi dei moduli guardare più adatto a grande schermo, si prega o <fieldset> elemento che circonda l'elemento dell'etichetta / modulo viene utilizzato con "ui-field-contengono" class <div>:
ui-field-contiene le classi in base alla larghezza della pagina per aggiungere stili per etichette e controlli dei moduli. Quando la larghezza del foglio è maggiore di 480 px, si metterà automaticamente il controllo etichetta e modulo sulla stessa riga. Quando la larghezza della pagina è inferiore 480px, l'etichetta sarà posto su elementi di forma top. |
Suggerimento: per evitare jQuery Mobile aggiungere automaticamente elementi cliccabili stile, l'uso dei dati-role = attributo "none":
jQuery Mobile nella presentazione modulo jQuery Mobile gestito automaticamente da AJAX modulo di presentazione, e il server di integrazione tenta di rispondere al DOM dell'applicazione. |