html form input default language - not working - html

I am trying to set html form input's default language to Georgian.
i.e. when user starts typing input it should be in Georgian and user should not have to switch language from keyboard.
I tried using lang="ka" attribute on almost every element but it is not working. ("ka" is html language code reference for Georgian, and I do have Georgian keyboard installed).
<!DOCTYPE html>
<html lang="ka">
<head>
<title></title>
<meta charset="UTF-8">
</head>
<body lang="ka">
<form lang="ka">
სახელი:<br>
<input lang="ka" type="text" name="firstname" >
<br>
გვარი:<br>
<input lang="ka" type="text" name="lastname" >
</form>
</body>
</html>

Related

Why I'm getting error using pattern with HTML5

I'm doing a form in HTML5 and I receive an error message that says:"match the requested format" and I don't know why, I attach the code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="" method="GET">
<input type="text" name="nombre" id="nombre" placeholder="Nombres" required pattern="[a-z]">
<br />
<input type="text" name="apellidos" id="apellidos" placeholder="Apellidos" required pattern="[a-z]">
<br />
<input type="submit" value="Enviar">
</form>
</body>
</html>
Your regular expressions only allow for one lower case character.
If you want that to be multiple characters, you'd need to add a + sign:
pattern="[a-z]+"
(Technically, since the fields are marked as required, an asterisk (*) would serve the same purpose.)

How to create html form that directly goes to specific search on a website?

I know that the code below will go to the result page of google when the user types some texts and the submit button is clicked.
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Hello!
</title>
</head>
<body>
<form action="https://www.google.com/search" method="get">
<input name="q" type="text">
<input type="submit" value="Submit Form">
</form>
</body>
</html>
But I try this with https://www.jitta.com/. It does not seem to have the same structure as google.
When searching on this website the url will be https://www.jitta.com/stock/bkk:ptt where "ptt" is the word that I want to search. Unlike google, if I want to search "ptt" the url will be https://www.google.com/search?q=ptt.
Can it be only HTML code? no other parts involved (like Javascript,...)
Appreciate anyone who answers this.

HTML Pattern Input to Allow Only Specific Numbers

I want the zip code part of my form, so only 5 numbers allowed, to reject anything that doesn't start with 46,52,53,54,60,61,62 using an html pattern
Try the below pattern (starts with one of the specified numbers and then allow 3 digits):
^(46|52|53|54|60|61|62)([0-9]{3})$
Here is the running HTML sample. You may use this pattern in Javascript as well if you want to perform the validation yourself:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Prescriptions</title>
</head>
<body>
<form action="#">
Country code: <input type="text" name="country_code" pattern="^(46|52|53|54|60|61|62)([0-9]{3})$"
title="Enter five digit number starting with specific numbers">
<input type="submit">
</form>
</body>

Override fieldset disabled attribute

I have a complex form with many <input> elements, most of which I need to disable conditionally (via AngularJS to precise, but this question primarily targets the HTML aspect).
In order to avoid having to set a disabled attribute on every element, I place my inputs into a <fieldset> and set the disabled attribute once. This disables all contained inputs fields.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fieldsets</title>
</head>
<body>
<form>
<fieldset disabled="true">
<input type="text" placeholder="first">
<input type="text" placeholder="second">
<!-- many, many more -->
<!-- trying to override here -->
<input type="text" placeholder="last" disabled="false">
</fieldset>
</form>
</body>
</html>
Now I need to make a few exceptions and keep some inputs enabled even though the surrounding <fieldset> is disabled. I tried overriding the attribute there by setting disabled="false", but this does not work.
Is there any elegant way to override the disabled attribute?

Adjust attribute of html textarea dynamically?

I have the following textarea:
<textarea id="edit-note-text" autocorrect="on"><%= text %></textarea>
While this text area is in use or, in other words, while someone is typing, I need to dynamically set the autocorrect attribute to off and back to on:
<textarea id="edit-note-text" autocorrect="off"><%= text %></textarea>
Unfortunately this doesn't seem to work:
document.getElementById(‘textarea’).setAttribute(‘autocorrect’, ‘off’);
I'm in a iOS UIWebView and could try to do this natively if possible as well but this is what comes to mind first. Is this possible?
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
//Declare functions
function taFocus(element){ element.setAttribute("autocorrect", "off")}
function taBlur(element){ element.setAttribute("autocorrect", "on")}
</script>
</head>
<body>
<textarea id="edit-note-text" autocorrect="on" onfocus="taFocus(this);" onblur="taBlur(this);" >texto</textarea>
<textarea id="edit-note-text2" autocorrect="on">texto</textarea>
</body>
</html>
Some like this maybe that you need