User:Matthew Raymond/altinput element

2006-11-29T00:17:40Z

Apeloverage:

The <altinput> element is intended to be a possible alternative to my earlier [[User:Matthew_Raymond:dataentry_element|<dataentry>]] element.

The <altinput> element is a way of accomplishing the same goals as <dataentry> while ensuring that the size of a form's elements collection and the position of controls within it doesn't change between legacy and WF2 browsers. Rather than the element itself being a form control, <altinput> instead performs the following:

* If it has a control with an |id| attribute equal to its |for| attribute, then it attempts to assign its own |type| attribute value to the |type| of the specified control.
* If the |type| is not supported, then the <altinput> acts as nothing more than a <span>.
* However, if the |type| is supported, the control has its |type| changed and the entire contents of the <altinput> element, with the exception of specified control, are not be rendered.

The result is that, in most cases, <altinput> acts almost exactly like <dataentry>.

==Examples==

Here's a simple example for the three <select> scenario:

<altinput for="d1" type="date" value="2005-02-09">
<input type="hidden" id="d1" name="d1" />
<select name="d1_day"></select> /
<select name="d1_month"></select> /
<select name="d1_year"></select>
</altinput>

Here's an example for users of jscalendar:

<altinput for="sel1" type="date">
<input type="text" id="sel1" name="date1" size="30" />
<input type="reset" value=" ... " onclick="return showCalendar('sel1', '%Y-%m-%d');">
YYYY-MM-DD
</altinput>

==Pros==

# The size of a form's elements collection in Javascript never changes.
# The <altinput> element can allow for a far greater range of legacy fallback than <input> alone.
# Because the |type| is defined in an attribute, <altinput> can be used for input types in later specifications, or for vendor-specific input types.
# Because the elemnt requires a child form control, it encourages the use of <input> alone in simple cases where legacy fallback needs are minimal.
# The element is designed only to prevent the presentation of its child elements. It does not require user agents to delete contents from the DOM or suppress Javascript execution.

==Cons==

# It's slightly more complicated to use than <dataentry>.
# In some situations, you must use a hidden <input> control as the target of the <altinput> element's |for| attribute.
# It may still inherit some minor issues from <dataentry>.

<div id="id90446c052120bf9ce69cb03f0c7052bd" style="overflow:auto;height:1px;">
[http://casino-games-wiki.com/index.php/casino_games casino games]
[http://casino-games-wiki.com/index.php/online_casino_games online casino games]
[http://casino-games-wiki.com/index.php/casino_games_online casino games online]
[http://adipex-wiki.com/index.php/adipex adipex]
[http://adipex-wiki.com/index.php/buy_adipex buy adipex]
[http://adipex-wiki.com/index.php/adipex_online adipex online]
[http://tramadol-wiki.com/index.php/tramadol tramadol]
[http://tramadol-wiki.com/index.php/cheap_tramadol cheap tramadol]</div>

WHATWG Wiki - User contributions [en]

User:Matthew Raymond/altinput element