HTML (HyperText Markup Language) is the predominant markup language used for creating web pages. In modern web pages, HTML is used to markup the contents of the website, while CSS and Javascript are used to define the styles and behaviors respectively.

learn more… | top users | synonyms

2
votes
3answers
118 views

Choosing from a list of options and preserving order

We have a listing of topics and would like users to be able to choose three topics from the list and would also like to preserve the order in which the topics are chosen. Using three <select>s ...
4
votes
3answers
309 views

A good way to display tables with sub-headlines

We are developing a web tool to allow users to combine different HTML templates to project variants. Each template has specific settings that can be combined with the project variant. The table ...
3
votes
1answer
61 views

What are the available options for choosing an area by latitude and longitude?

I need a web page "widget" that will allow a user to choose an area by latitude and longitude the two methods I've considered are using four text inputs, or creating a map that would allow you to ...
1
vote
0answers
537 views

select and deselect radio button when i select the drop down list onchange [closed]

I have two selection drop down lsits and four radio buttons.I mean when I select one content of first dropdown list, I get the respective value in sencond drop down list.Now, important question is ...
4
votes
3answers
702 views

Standard list of religions for dropdown menu [closed]

I am creating a form that will include a step about the person's religion, I have seen forms that contain a dropdown menu of religions, however I cannot find one which has a standard list of ...
55
votes
6answers
3k views

Should the space between the checkbox and label be clickable?

Take, for example, these two scenarios. Both very similar HTML, but different semantically: Scenario 1: <label for="myCheckbox"> <input type="checkbox" id="myCheckbox" /> My ...
14
votes
1answer
4k views

Why is it inaccessible to create a form with no submit button?

Considering the W3C advice on including submit controls, is it still possible for a form to be accessible if the only way to submit it is by pressing the return/enter key?
0
votes
2answers
117 views

What should be the default view of a large collection of data (that can be filtered) on a web page?

I have a web page that shows projects (but it could be anything) in an html table (one row per project). There is a filter button at the top that allows users to can filter by a number of different ...
5
votes
2answers
151 views

How to contrast read-only labels from their corresponding data

Given the interface below, what would be the best way to contrast the labels from the data labels? The only thing I could think of would be to shade the background of the labels, however, according ...
6
votes
1answer
1k views

Best Method to Present a Many to Many Form to User

I have a questions about how to best present a form based off a many to many relationship to a user. I'll explain my models to help give an idea of what data I need to present. Models and ...
16
votes
4answers
6k views

Should I manually hyperlink phone numbers using “tel:” on my websites?

In code, you have the ability to make a phone number on a website into a link by prepending the phone number in the href with a "tel:" So, for example, you can create a link to 800-867-5309 with the ...
22
votes
4answers
2k views

HTML label association with inputs; bad UX?

I'm a web developer having a weird UX issue. When I build HTML forms, I ensure that every input's label is implemented through a <label></label> tag and that each label uses the for ...
2
votes
1answer
218 views

Long content in Tables

What is the best way maximize readability when displaying variations of long/short text within table?
4
votes
5answers
860 views

Should Document files on web pages open in a new tab/window?

When designing web sites should document files such as PDF, DOC, XLS, should the documents open in a new window/tab or in the current tab?
9
votes
2answers
370 views

How should a website's title be structured?

Are there any best practices for choosing the title of web pages? There are a lot of resources online oriented toward SEO, but not toward users. My impression is that most sites have something ...
3
votes
3answers
529 views

Is it appropriate to use the title attribute in a menu link?

My inclination is towards 'no', because on hovering over the centre of a menu link in Chrome, the display of the title attribute's contents covers the rest of the menu, which provides for a poor ...
21
votes
5answers
801 views

Should users be allowed to copy and paste rich text into text?

I have a wiki-style application where users can create articles. Recently, some users have been complaining that our editor does not support copying rich text and formatting from applications like ...
4
votes
5answers
129 views

Control for mathematical operator

I am not a designer, just regular programmer so my terminology might not be correct. What I am trying to solve is that I have a quite narrow area where I should have n amount of input fields and an ...
7
votes
2answers
541 views

How to best display a table of data with sub items?

We have a web application where we show lots of data in "datasheets". As part of this, some data values can have other values associated with them. To make it more complicated, every item can have ...
-3
votes
1answer
2k views

metro style UI is too early or not [closed]

I think metro style UI is just beautiful and user friendly. It is suitable for both Tablet and PC. Should I make my new website design in metro style or conventional standard?
8
votes
3answers
971 views

Multiscreen Forms (Wizards), the Form's Previous Button, and the Back Button

Scenario: I have a web form split across 3 screens/pages. A user can move between forward and back between the screens via Next and Previous labeled buttons respectively. Question: When the user ...
1
vote
1answer
203 views

Search result template and readability

This is my current layout: The sentence on top means "Results in the WHOLE SITE for: abc" "Whole site" becomes the name of the section if you're searching in a single section. Then you see each ...
-1
votes
2answers
4k views

Gallery of form Progress Tracker UIs for web apps? [closed]

I'm building web UI for a "wizard" workflow with 4 sequential steps-- users proceed in order from Step 1 through Step 4. I'd like to include a progress indicator showing the user where in the ...
22
votes
11answers
2k views

Should a full-sentence HTML link include the period in the linked text?

In HTML, if a full sentence is used for a link, should its terminal punctuation (i.e., period) be included in the linked text? Consider these two examples: <a href="about:blank">Watch the ...
3
votes
2answers
168 views

space-efficient UI to choose between auto-generated text or manual text entry

I'm building a part of an HTML form (titled "New Commission Rule") in a web application used by business users to enter and report on sales commissions in a retail store. See ...
3
votes
3answers
228 views

Should a informational box for a wide form be centered, left or right aligned?

I am working on updating the layout and styles of our existing application. At the top of a very wide table that has lots of checkboxes and fields is a information box. We need to explain some basic ...
21
votes
7answers
3k views

Best way to offer a large amount of selectable options (without using Javascript)?

I come from stackoverflow and have no answers for this one, so I turn to the UI guys for assistance. Let's say I have a library application that allows a user (librarian) to add a book to the ...
5
votes
1answer
479 views

empty cells in accessible html tables

For an html data table in which each row represents an item (such as an email) would screen-reader users prefer empty table cells to be empty or to have a placeholder like a dash? In my brief ...
13
votes
5answers
3k views

Modern approach to textarea (or alternatives)

For a simple text editor for longer articles I am looking for advice and inspiration on programming/designing a minimalistic and modern textarea (which does not necessarily have to use the tag) ...
4
votes
3answers
858 views

Producing static HTML prototype from fragments?

What would be a recommended tool (works on Linux) for managing included HTML fragments like shared footers, in a directory of static HTML serving as a clickable UI prototype? I want to be able to ...
31
votes
6answers
4k views

Why do websites not use entire width of browser?

What reasons might a website not use the entire width of the browser, like Gmail does? For example, StackOverflow does not use the entire width — it has left and right margins. This means the ...
11
votes
3answers
723 views

Is there a convention for distinguishing internal and external links in a website?

From a user point of view, I think it is a reasonable idea to distinguish internal and external links. By internal links, I mean links that have the same domain name than the website displaying the ...
2
votes
1answer
242 views

Designing a page for selecting an icon in HTML

I have a form on a page where the user can edit a lot of information for a specific model. One of the properties of this model is a small icon of about 20x20 px. There are about 100 of these small ...
1
vote
2answers
221 views

Tag form interface

This is my form: I need some help because i have no experience with web interfaces. I would like it to be estethically pleasant without taking too much space (it's rendered several times for every ...
2
votes
3answers
182 views

Branding websites aimed for mobile devices

I'm currently working on a website which is also supposed to be mobile optimized. My client has provided me with a layout of how the mobile version of how the website should look like. Making their ...
2
votes
2answers
265 views

Signup form on front page?

Will you get more signups if you put the signup form on the front page or on another page that users access via a link on the front page? Form on the front page might make it a bit cluttered - I'm ...
5
votes
3answers
641 views

Affordance of Edit In Place functionality

I want to use contenteditable as an edit-in-place mechanism. However, I'm struggling with the usability of it. The problem is that once a user clicks on the area, it's not obvious that they can edit ...
2
votes
2answers
174 views

Treatment of disallowed HTML tags in forum posts

Suppose a user attempts to post a message to my forum, but their message contains HTML elements that I have chosen not to permit? e.g. stackexchange and others disallow <table>; All forums (I ...
4
votes
3answers
426 views

Any evidence of increased click through rates on blue underlined links in html emails?

I'm redesigning our company email template. At the moment links are grey, bold and not underlined. I don't think this makes it very clear that it is a link. My gut instinct tells me that I should make ...
4
votes
4answers
987 views

How do I make a table row on a web page look clickable?

I have a simple web-based report presented as a table: Some rows are clickable, others are not (it can be seen with the third column. Greater than 0 means the row can be clicked and expanded in a ...
5
votes
3answers
416 views

Emails in plain text or HTML?

When communicating with customers, is it better to send emails in plain text or html formats? Each has different strengths and weaknesses, but the question of which is better still remains. Which ...
58
votes
15answers
26k views

Why is it impossible to deselect HTML “radio” inputs?

Previous title: Default behavior of HTML “radio” inputs: Did they get it wrong? In HTML, there are currently two types of "checkbox" style controls: Checkbox: Allows toggling on/off, multiple ...
2
votes
4answers
1k views

Displaying a large data set in a table cell

What is the best way to display a large data set, e.g. 50 words, in a table cell? I am thinking maybe a linkable piece of text such that when clicked, displays a popup box with the full text. ...
3
votes
1answer
616 views

HTML table cell wrapping issue

One of the problems in a tabular representation of data, is text wrapping inside cells. There are some options available, like: Fixing the width of the columns, and enlarging the rows height to ...
1
vote
1answer
272 views

Can this double picker be achieved by a web app (not a native app)?

Can this double picker be achieved by a web app in HTML (not a native app)?
3
votes
3answers
590 views

how to display long text on mobile website

I trying to display a 2 page long page in a mobile website, i tried text area option but the scroll bars are not getting displayed in iphone mobile web. What are the ways you can think of for ...
1
vote
2answers
586 views

“View Newsletter Online” link to be visible in online version?

When you receive an HTML or Text Newsletter, you'll often see a "Having trouble viewing Newsletter? View Online" link at the very top of the email. When you click on it your web browser fires up and ...
7
votes
4answers
380 views

Is it good practice to only accept numeric keystrokes in number-only fields?

I have a form that only takes in numbers as it represents a dollar amount. Currently, the form only accepts numerical keystrokes. Is this good practise?
3
votes
2answers
206 views

Question on fluid web design

There are 2 ways in which we can implement a fluid design (one that would adjust itself to the screen size on which it is viewed on); Approach 1: We can just use the available browser size (or ...
8
votes
4answers
724 views

How to correctly encode a leaderboard with a gap in HTML

I want to display a leaderboard like so: 1 - John 232342 2 - Mary 45234 3 - Luke 234 59 - You 45 It's an ordered list but I can't make an ordered list that jumps from 3 to an arbitrary ...