Visualizzazione risultati 1 fino 10 di 10

Discussione: Modificare input type=submit

  1. #1
    Guest

    Predefinito Modificare input type=submit

    Ciao a tutti, io ho un form html e voglio modificare input type="submit" e mettere al posto di questo bottone un mio bottone fatto con css... come faccio ?

  2. #2
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,306

    Predefinito

    Puoi usare questo, senza molta speranza che funzioni su browser vecchi però
    Codice:
    input[type="submit"] {
      ...
    }

  3. #3
    L'avatar di darkwolf
    darkwolf non è connesso Salvatore Noschese
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,558

    Predefinito

    Scusa dread ma non è meglio assegnare un id (o classe, in base alle necessità) al form e quindi inserire il tutto nel css?

  4. #4
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    prova con
    <button type="submit">
    <img src="percorso.immagine" alt="send" align="middle">
    <strong>invia</strong></button>

  5. #5
    L'avatar di javascripter
    javascripter non è connesso Moderatore
    Data registrazione
    14-02-2010
    Messaggi
    1,114

    Predefinito

    Citazione Originalmente inviato da acsocmel Visualizza messaggio
    prova con
    Leggi qui: http://www.w3.org/TR/html4/interact/...ml#edef-BUTTON

    Più sotto, in un riquadro rosso, leggerai:
    ILLEGAL EXAMPLE:
    The following is not legal HTML.

    <BUTTON>
    <IMG src="foo.gif" usemap="...">
    </BUTTON>
    I css sono necessari, in questo caso ( e molti altri ).

  6. #6
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    @ javascripter : glielo avevo già detto io di usare il <button> e mi sembrava superfluo aggiungere che deve stilizzarlo con i css

  7. #7
    Guest

    Predefinito

    Citazione Originalmente inviato da acsocmel Visualizza messaggio
    @ javascripter : glielo avevo già detto io di usare il <button> e mi sembrava superfluo aggiungere che deve stilizzarlo con i css
    grazie a tutti ma ho trovato su intennet questo che funziona benissimo:


    Codice:
     
    <input type="submit" name="change" value="Cambia la password" style="bacbackground-attachment: scroll;
    background-clip: border-box;
    background-color: #6D8FB3;
    border-right-width: 1px;
    border-top-color: #5C82AB;
    border-top-style: solid;
    border-top-width: 1px;
    color: white;
    font-family: tahoma, arial, verdana, sans-serif, 'Lucida Sans';
    text-align: center;
    width: 130px;" />

  8. #8
    L'avatar di javascripter
    javascripter non è connesso Moderatore
    Data registrazione
    14-02-2010
    Messaggi
    1,114

    Predefinito

    Citazione Originalmente inviato da acsocmel Visualizza messaggio
    @ javascripter : glielo avevo già detto io di usare il <button> e mi sembrava superfluo aggiungere che deve stilizzarlo con i css
    Hai letto bene?
    Io ho espresso, indirettamente, che il codice HTML che hai postato è illegale.

    Citazione Originalmente inviato da javascripter Visualizza messaggio
    Leggi qui: http://www.w3.org/TR/html4/interact/...ml#edef-BUTTON

    Più sotto, in un riquadro rosso, leggerai:
    ILLEGAL EXAMPLE:
    The following is not legal HTML.

    <BUTTON>
    <IMG src="foo.gif" usemap="...">
    </BUTTON>
    I css sono necessari, in questo caso ( e molti altri ).

  9. #9
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Citazione Originalmente inviato da javascripter Visualizza messaggio
    Hai letto bene?
    Io ho espresso, indirettamente, che il codice HTML che hai postato è illegale.
    Sarebbe invalido se avesse incluso l'attributo usemap all'interno dell'elemento img, ma ha solo impostato gli attributi src, alt e align (e su quest'ultimo ci si può lamentare, visto che è deprecato da anni).
    Nelle specifiche trovi scritto:
    It is illegal to associate an image map with an IMG that appears as the contents of a BUTTON element.
    E poi pensa, perché mai dovrebbe essere proibito inserire un'img?

  10. #10
    L'avatar di javascripter
    javascripter non è connesso Moderatore
    Data registrazione
    14-02-2010
    Messaggi
    1,114

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Sarebbe invalido se avesse incluso l'attributo usemap all'interno dell'elemento img, ma ha solo impostato gli attributi src, alt e align (e su quest'ultimo ci si può lamentare, visto che è deprecato da anni).
    Nelle specifiche trovi scritto:E poi pensa, perché mai dovrebbe essere proibito inserire un'img?
    Ho capito, grazie per il chiarimento. Non ho letto bene.
    Mi scuso per essere andato off-topic.

Regole di scrittura

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