Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I have page with main menu, some links in main content and left menu. The site must be adapted for the blind...
So, when I want to use tab buton to transition between links the order is:
Main menu
Content
Left menu
Is it possible to add some values to <a> tag to 'excluded' it?
You are supposed to add correct tabindex values for doing something like this. So, if you have such a requirement and you don't have the same HTML structure, you can use tabindex to modify the control flow.
Consider this example:
<input value="Last" tabindex="3" />
<input value="First" autofocus tabindex="1" />
<input value="Middle" tabindex="2" />
Now in the above fiddle, see how pressing Tab key affects the control. You can achieve similar if you can use tabindex.
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 1 year ago.
Improve this question
Below are two HTML snippets to let the user choose a language for the page:
one uses <select> and <option>s,
the other uses a <div> and alternated <input>/<label>s.
What I plan to do is pick one of those (or a better one, if one exists) and use CSS to customize the appearance of it such that something like the following would appear at the top right of the page, i.e. all alternatives should be show at the same time all the time on the page.¹
I any of 1 and 2 which is to be objectively preferred over the other?
Are there any pro and cons of 1 vs 2?
<select name="language" id="language" value="ENG">
<option>ITA</option>
<option selected="selected">ENG</option>
<option>FRE</option>
</select>
<div class="language">
<input type="radio" id="italian" name="fav_language" value="ita">
<label for="italian">Italiano</label><br>
<input type="radio" id="english" name="fav_language" value="eng" checked="checked">
<label for="english">English</label><br>
<input type="radio" id="french" name="fav_language" value="fre">
<label for="french">Français</label><br>
<div>
¹ I've obtained this static image via a <ul> with 3 <svg>s inside a corresponding <li>, so I haven't bothered adding something like an external shadow to mark the selected language, but I'd do it at some point.
As you want to freely style your language selector by means of showing all options at the same time through flag images I think none of the above options are the best choice. There's no need to get complicated. Try a div and a links solution to better fit your goal.
Something like </div><ul class="languages"><li class="nav-item">English /a></li><li class="nav-item"><a href="#french">french</li></ul>
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
I want to make the text from a form input from the placeholder to be grey and for another input, white. How could i resolve this problem?
<input type="text" id="address" name="address" placeholder="...">
You need to use css:
In order to style a placeholder you need to write ::placeholder in the css line.
Because you need 2 different colors, give the input tag an id.
Then make the css using the id like this: #, then the id, and then the ::placeholder.
like this:
<input id="greyph" placeholder="...">
<input id="whiteph" placeholder="...">
<!-- ph = PlaceHolder -->
the css will be:
#greyph::placeholder {color: grey;}
#whiteph::placeholder {color: white;}
note that you don't have to color a placeholder to grey because this is the default
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 4 years ago.
Improve this question
Before submitting the form user would know that model fields all mandatory that he/she as to fill out first before submitting the form.
If you want to make required fields on a form, all you have to do is add required="required" in the <input> tags.
Doing this kind of custom message can only be done in the <input> tag, using the oninvalid attribute. Do this:
<input type="text" oninvalid="alert('Hey, you missed something on modal!')" required="required">
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Is it possible to target a particular text field in a form and change it's background & foreground color. Likewise different colors for different fields too.
It needs to use css and not js and also there is to be no inline html/code present.
Thanks all.
Yeah, Of course you can change the color of particular textbox in html.
Like,
<input type="text" style="background:#434343;">
Here i have changed color using simple CSS styling. You can change the color dynamically also using JavaScript or jQuery.
#a1{
background:#123490;
color: white;
}
#a2{
background:yellow;
color: green;
}
<html>
<body>
<form name="abc">
<input type="text" id="a1">
<br>
<input type="text" id="a2">
</form>
</body>
</html>
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I have tried many different ways to go about this however i cant get this to work properly.
Im trying simply to make a "styled" button link to a certain page.
Current code:
<input type="submit" href="aim:goim?screenname=Element18592&message=Hey, Im interested in one of your services." class="btn btn-default" value="Contact">
A link to the page containing this example is: http://www.themodshop.co/shop/test.html
Also when a button is clicked and the cursor is moved away why does it stay black?
When you click on the button titled contact, you will notice it simply does nothing, where im trying to make it link to a certain url the href in the code above. You can go visit the link below and click on "Visit our store" to see a clear example of what im trying to accomplish when the button is clicked
http://www.themodshop.co/shop/
Thank you greatly for any help.
Only <a> elements can have a href attribute. Inputs and buttons are used for forms only.
Try this instead:
Contact
maybe you're trying this, perhaps?:
<form action="aim:goim?screenname=Element18592&message=Hey, Im interested in one of your services." method="POST">
<input type="submit" class="btn btn-default" value="Contact">
</form>
only applies if you have some information to submit, otherwise i suggest you use a like the other answer suggested.