HTML Tag With The 'alt' Attribute

Trang chủ » Html Button Alt Text » HTML Tag With The 'alt' Attribute

Có thể bạn quan tâm

HTMLCodes.ws HTML <input> Tag with the 'alt' Attribute ✂ <form name="myForm" action="/resources/html-forms-action.cfm"> <input type="image" src="/images/examples/australia-nz-map.gif" alt="Australia & NZ Map" name="myImageField"> </form>

The above example demonstrates usage of the alt attribute when using the <input> element.

When using an <input> element with type="image", the input control represents either an image from which a user can select a coordinate and submit the form, or alternatively a button from which the user can submit the form. The element is a button, specifically a submit button. In either case, the alt attribute must be included.

If you provide the src attribute, the alt attribute's value will be used whenever the image can't be displayed (eg, if the user's browser has images disabled, they're using a speech reader, etc). If you don't provide the src attribute, the button's label will be the value provided by the alt attribute.

Here's another example, but this time no src attribute has been provided. Therefore the control will appear as a button, with the value of the alt attribute appearing as its label.

✂ <form name="myForm2" action="/resources/html-forms-action.cfm"> <input type="image" alt="Australia or New Zealand" name="myImageField2"> </form>

© Copyright 2013 - 2024 HTMLCodes.ws | Privacy Policy

  • TAGS
    • <a>
      • <a>
      • <a download>
      • <a hreflang>
      • <a rel="alternate">
      • <a rel="author">
      • <a rel="bookmark">
      • <a rel="help">
      • <a rel="license">
      • <a rel="next">
      • <a rel="nofollow">
      • <a rel="noreferrer">
      • <a rel="prefetch">
      • <a rel="prev">
      • <a rel="search">
      • <a rel="tag">
      • <a target="_blank">
      • <a target="_parent">
      • <a target="_self">
      • <a target="_top">
      • <a target=(name)>
      • <a type>
    • <abbr>
      • <abbr>
      • <abbr title>
    • <address>
    • <area>
      • <area>
      • <area download>
      • <area hreflang>
      • <area rel="alternate">
      • <area rel="author">
      • <area rel="bookmark">
      • <area rel="help">
      • <area rel="license">
      • <area rel="next">
      • <area rel="nofollow">
      • <area rel="noreferrer">
      • <area rel="prefetch">
      • <area rel="prev">
      • <area rel="search">
      • <area rel="tag">
      • <area target="_blank">
      • <area target="_parent">
      • <area target="_self">
      • <area target="_top">
      • <area target=(name)>
      • <area type>
    • <article>
    • <aside>
    • <audio>
    • <b>
    • <base>
      • <base>
      • <base target>
    • <bdi>
    • <bdo>
    • <blockquote>
      • <blockquote>
      • <blockquote cite>
    • <body>
    • <br>
    • <button>
      • <button>
      • <button autofocus>
      • <button disabled>
      • <button form>
      • <button formaction>
      • <button formenctype>
      • <button formmethod>
      • <button formnovalidate>
      • <button formtarget>
      • <button menu>
      • <button name>
      • <button type>
      • <button value>
      • <button onclick>
    • <canvas>
      • <canvas>
      • <canvas line>
      • <canvas circle>
      • <canvas rectangle>
      • <canvas text>
      • <canvas image>
      • <canvas gradient>
      • <canvas fillRect()>
      • <canvas strokeRect()>
      • <canvas clearRect()>
      • <canvas rect()>
    • <caption>
    • <cite>
    • <code>
      • <code>
      • <code language>
    • <col>
    • <colgroup>
      • <colgroup>
      • <colgroup span>
    • <data>
    • <datalist>
      • <datalist>
      • <datalist select>
    • <dd>
    • <del>
      • <del>
      • <del cite>
      • <del datetime>
    • <details>
      • <details>
      • <details open>
      • <details summary>
    • <dfn>
      • <dfn>
      • <dfn abbr>
    • <dialog>
      • <dialog>
      • <dialog open>
      • <dialog modal>
    • <div>
    • <dl>
    • <dt>
      • <dt>
      • <dt dfn>
    • <em>
    • <embed>
    • <fieldset>
      • <fieldset>
      • <fieldset legend>
    • <figcaption>
      • <figcaption>
      • <figcaption cite>
    • <figure>
    • <footer>
    • <form>
    • <h1>
    • <h2>
    • <h3>
    • <h4>
    • <h5>
    • <h6>
    • <head>
    • <header>
    • <hgroup>
    • <hr>
    • <html>
      • <html>
      • <html lang>
    • <i>
    • <iframe>
      • <iframe>
      • <iframe srcdoc>
      • <iframe seamless>
    • <img>
    • <input>
      • <input>
      • <input accept>
      • <input alt>
      • <input autocomplete>
      • <input autofocus>
      • <input checked>
      • <input dirname>
      • <input disabled>
      • <input form>
      • <input formaction>
      • <input formenctype>
      • <input formmethod>
      • <input formnovalidate>
      • <input formtarget>
      • <input height>
      • <input inputmode>
      • <input list>
      • <input max>
      • <input maxlength>
      • <input min>
      • <input minlength>
      • <input multiple>
      • <input name>
      • <input pattern>
      • <input placeholder>
      • <input readonly>
      • <input required>
      • <input size>
      • <input src>
      • <input step>
      • <input type>
      • <input type="hidden">
      • <input type="text">
      • <input type="search">
      • <input type="tel">
      • <input type="url">
      • <input type="email">
      • <input type="password">
      • <input type="datetime">
      • <input type="date">
      • <input type="month">
      • <input type="week">
      • <input type="time">
      • <input type="datetime-local">
      • <input type="number">
      • <input type="range">
      • <input type="color">
      • <input type="checkbox">
      • <input type="radio">
      • <input type="file">
      • <input type="submit">
      • <input type="image">
      • <input type="reset">
      • <input type="button">
      • <input value>
      • <input width>
    • <ins>
      • <ins>
      • <ins cite>
      • <ins datetime>
    • <kbd>
    • <label>
      • <label>
      • <label for>
    • <legend>
    • <li>
    • <link>
    • <main>
    • <map>
    • <mark>
    • <menu>
    • <menuitem>
    • <meta>
    • <meter>
    • <nav>
    • <noscript>
    • <object>
    • <ol>
      • <ol>
      • <ol reversed>
      • <ol start>
      • <ol type>
    • <optgroup>
      • <optgroup>
      • <optgroup disabled>
    • <option>
      • <option>
      • <option disabled>
      • <option selected>
    • <output>
    • <p>
    • <param>
    • <pre>
    • <picture>
    • <progress>
      • <progress>
      • <progress working example>
    • <q>
      • <q>
      • <q cite>
    • <rb>
    • <rp>
    • <rt>
    • <rtc>
    • <ruby>
    • <s>
    • <samp>
    • <script>
    • <section>
    • <select>
      • <select>
      • <select autofocus>
      • <select disabled>
      • <select form>
      • <select multiple>
      • <select required>
      • <select size>
    • <small>
    • <source>
    • <span>
    • <strong>
    • <style>
    • <sub>
    • <summary>
    • <sup>
    • <table>
    • <tbody>
    • <td>
    • <template>
    • <textarea>
    • <tfoot>
    • <th>
    • <thead>
    • <time>
      • <time>
      • <time datetime>
    • <title>
    • <tr>
    • <track>
    • <u>
    • <ul>
    • <var>
    • <video>
    • <wbr>
  • CODES

    • Backgrounds

      • Background Code
      • Background Color
      • Background Image
      • Stretch Background
      • Fixed Background

      Marquees

      • Marquee Codes
      • Scrolling Text
      • Scrolling Images
      • Stop Marquee
      • Marquee Speed

      Text

      • Text Code
      • Font Code
      • Text Color
      • Line Height
      • Letter Spacing
      • Word Spacing
      • Overlapping Text

      Color

      • HTML Color Codes
      • HTML Color Chart
      • HTML Color Picker
      • HTML Color Tester
      • Color Code Generator

      Links

      • HTML Links
      • CSS Links
      • JavaScript Links
      • Email Links
      • CSS Cursor

      Scroll Boxes

      • Scroll Box Code
      • Scroll Box Color
      • Scroll Picture Box
      • Scroll Box Border
      • Horizontal Scrollbar
      • Vertical Scrollbar
      • Hide Scrollbar

      Image Codes

      • HTML Image Code
      • CSS Image Code
      • Link Image
      • Repeat Image
      • Image Border
      • Scrolling Images

      Textboxes

      • HTML Textbox Code
      • Textbox Color
      • Textbox Border
      • Textbox Image
  • EDITORS

    • Online Editor

      HTML Generators

      • HTML Editor
      • HTML Generator
      • Text Generator
      • Heading Generator
      • Marquee Generator
      • Comment Box Generator

      MySpace Generators

      • MySpace Generator
      • MySpace Text Generator
      • MySpace Heading
      • MySpace Marquee Generator
      • MySpace Comment Box

Từ khóa » Html Button Alt Text