Is Elm the Future of Web Development?

In summary: T2R-D8N1RY&t=569sIn summary, you can use table or divs to align the input fields vertically in justified position. There are several ways to do this.
  • #1
Dave Ritche
70
6
How can we align all the input fields of form vertically in justified position.For example like this form:
campaignmonitor.jpg
 
Technology news on Phys.org
  • #2
There are several ways. You could use a table or divs.
 
  • Like
Likes Dave Ritche
  • #3
Borg said:
There are several ways. You could use a table or divs.
Can you please show me one?or tell me a source?
 
  • #4
  • Like
Likes Silicon Waffle and Dave Ritche
  • #5
Samy_A said:
You could also use Bootstrap for this.
Can it be done in html and css alone?
 
  • #7
thank you but as i am not that expert in bootstrap so i don't know how to use this grid.isn't there any simple way?in html and css only?
 
  • #9
It would be good to try learning bootstrap. It doesn't take long to get up to speed and the benefits are well worth the effort. You spend far less time dealing with browser-specific issues. Take a look at the page source code and you'll see that the row alignments that you want aren't that bad.
 
  • Like
Likes Dave Ritche and Samy_A
  • #11
Borg said:
It would be good to try learning bootstrap. It doesn't take long to get up to speed and the benefits are well worth the effort. You spend far less time dealing with browser-specific issues. Take a look at the page source code and you'll see that the row alignments that you want aren't that bad.
thank you man!
 
  • Like
Likes Borg
  • #12
@Dave Ritche, this is unrelated to your question, but in the interest of putting together a better user interface, here are some suggestions. I've noticed that several of your screen shots in other threads you started have typos.

In the screen shot of this thread, you have "Setup your account". The word "setup" can be used as a noun or an adjective. When used as a verb, it should be two words: "Set up your account".

Just below that, you have "Make sure to use a valid email address, you'll need to verify it before you can send any campaigns." You should make these two sentences, with a period at the end of the first, and with the second sentence starting with a capital letter. Alternatively, a semicolon can be used, but two short sentences are probably preferable over one longer sentence.

Finally, do you mean "send any campaign donations" ? A campaign is not something you send, but you can send a donation to a campaign.

I worked as a technical writer for a large software firm for 15 years, so I worked hard to make my writing clear, concise, and grammatically correct.
 
  • #13
With respect to the email field, some web designers add a second email field forcing you to type the address in twice and verifying that what was typed in both fields match. Alternatively you could send out an email to the address given and ask the user to click a link back to your site to verify that its a working email a kind of two step registration process.

Also if you're daring enough, you should check out using Elm as an alternative to javascript. Elm is gaining traction in the Javascript world as a better means of writing web-based apps.

Here's a talk by its creator:

 

1. What is an HTML form field?

An HTML form field is an element that allows users to enter data and submit it to a server for processing. It typically consists of a label and an input element, and can have various types such as text, password, checkbox, radio buttons, and more.

2. How do I create a form field in HTML?

To create a form field in HTML, you need to use the <form> tag and include the <input> tag within it. You can specify the type of input you want using the type attribute, and can add a label using the <label> tag.

3. What are the different types of HTML form fields?

There are several types of HTML form fields, including text fields, password fields, checkboxes, radio buttons, drop-down menus, and more. Each type is used for a specific purpose, such as entering text, selecting options, or providing a yes or no answer.

4. How do I add validation to an HTML form field?

To add validation to an HTML form field, you can use the required attribute, which will prevent the form from being submitted if the field is left blank. You can also use HTML5 validation attributes such as min and max to ensure that the input falls within a specific range.

5. Can I customize the appearance of HTML form fields?

Yes, you can customize the appearance of HTML form fields using CSS. You can change the font, size, color, and other properties of the form field, as well as add borders, backgrounds, and other styles. Additionally, you can use JavaScript to add interactive features and further customize the appearance of your form fields.

Similar threads

  • Programming and Computer Science
Replies
2
Views
1K
  • Programming and Computer Science
Replies
24
Views
1K
  • Programming and Computer Science
Replies
13
Views
516
  • Programming and Computer Science
Replies
3
Views
1K
  • Programming and Computer Science
Replies
4
Views
1K
  • Programming and Computer Science
Replies
6
Views
1K
  • Programming and Computer Science
Replies
17
Views
2K
  • Programming and Computer Science
Replies
18
Views
1K
  • Programming and Computer Science
Replies
7
Views
674
  • Programming and Computer Science
Replies
10
Views
1K
Back
Top