Submit Input Component

Submit Input component is an input field for triggering a form submission from user. Bissetii did a number of researches on its own and decided to only provide styling for proper HTML5 semantic syntax defined by w3.org.

This component is available starting from v1.12.1.

Hugo

All Submit Input Hugo interface is directly supported by Form Component.

Go

All Submit Input Go interface is directly supported by Form Component.

HTML

Expanding from Form Component, Submit Input component is to facilitate an input for submitting the form.

Unlike other input, Submit Input is a straight foward submit button in which some cases, can override form’s action= and method= values at will.

An all compatible attributes HTML syntax is shown as follows:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

<input type="submit"
	name="submit[type]"
	value="...AN IDENTIFIABLE VALUE..."
	formaction="...URL OVERRIDING FORM ACTION..."
	formtype="...OVERRIDE FORM SUBMISSION TYPE..."
	formmethod="...OVERRIDE FORM METHOD (get|post|dialog)..."
	formnovalidate="true"
	formtarget="my-iframe"
	disabled
/>

Here is an example with multiple actions, where user can either login or sign-up with a single form:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22

<fieldset class="border">
	<fieldset class="border">
		<legend>Credentials</legend>
		<fieldset>
			<label>Email</label>
			<input type="email" required />
		</fieldset>
		<fieldset>
			<label>Password</label>
			<input type="password" required />
		</fieldset>
	</fieldset>
	<fieldset class="border">
		<legend>Your Decision</legend>
		<input type="submit"
			name="submit[login]"
			value="Login" />
		<input type="submit"
			name="submit[signup]"
			value="Sign Up" />
	</fieldset>
</fieldset>

This will render as (sign-up button disabled for showcasing the disabled styling):

Credentials

CSS

All Submit Input CSS variables is directly supported by Button Component and Form Component.

Javascript

All Submit Input Javascript is directly supported by Button Component and Form Component.

Sass

All Submit Input Sass is directly supported by Button Component and Form Component.

Researches

Here are the researches done to ensure Submit Input component meets the necessary quality assurances:

SCHEDULED COMING SOON

Epilogue

That’s all about Submit Input component in Bissetii. If you need more feature or need to report a bug, please feel free to file an issue at our Issue Section.