CODEWITHSUNDEEP
htmlselectcross-browser
Oren A
Oren A

Reputation: 5900

Is it possible to set Hebrew value in html select tag?

This html select looks good on jsfiddle: 

<select>
  <option value="אלף">אלף</option>
  <option value="בית">בית</option>
  <option value="גימל">גימל</option>
</select>

Is it guarenteed to work on all desktop browsers?

Upvotes: 2

Views: 283

Answers (2)

Reyno
Reyno

Reputation: 582

To answer your question, I don't know if it's guaranteed to work on all Desktop browsers as there are a lot of Desktop browsers out there but there are also tools to check them for compatibility. My personal favorite is browsershots which gives numerous screenshots on what a page would look like in different browsers and different browser versions. Please note that "browsershots" might need registering a free account.

Other tools can be found by searching for browser compatibility testing tools

On another note concerning the worry about Right-To-Left texts HTML display mentioned in OP comments, you can make use of the Bi-directional Text (Bi-Di) markup and CSS.

Wikipedia:

Bi-directional text is text containing text in both text directionalities, both right-to-left (RTL or dextrosinistral) and left-to-right (LTR or sinistrodextral)

A good example of BiDi markup can be:

<select dir="rtl" lang="he">
  <option value="אלף">אלף</option>
  <option value="בית">בית</option>
  <option value="גימל">גימל</option>
</select>

Another good use of BiDi could be using CSS as following:

.hebrew {
    direction: rtl;
    unicode-bidi: bidi-override;
}

Please note that it's recommended to use Bidi markup instead of CSS where possible:

You should always use dedicated bidi markup to describe your content, where markup is available. Then CSS may or may not also be needed to describe the meaning of that markup. This depends on whether you are dealing with content that is handled by the user-agent as HTML or XML. (Note that XHTML may be served as either!)

Upvotes: 0

Royi Namir
Royi Namir

Reputation: 148694

According to the spec : http://www.w3.org/TR/html401/interact/forms.html#edef-OPTION

enter image description here

CDATA is a sequence of characters from the document character set and may include character entities.

But notice :

User agents should interpret attribute values as follows:

  • Replace character entities with characters,
  • Ignore line feeds,
  • Replace each carriage return or tab with a single space.

User agents may ignore leading and trailing white space in CDATA attribute values (e.g., " myval " may be interpreted as "myval"). Authors should not declare attribute values with leading or trailing white space.

Hence , I don't see any reason for not to be working with older browsers.

I've tested it with IE7 for you ( pure ie7)

enter image description here

enter image description here

Upvotes: 1

Related Questions