Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

chopper-UI/form

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

form


// 通用表单样式


演示

__注意:__示例中以.ex开头的class在实际使用场景中是不必要的,此类class只为可视化文档的展示做辅助作用。

默认

<form class="ui-form">
    <fieldset>
        <div class="ui-form-item">
            <label for="input_test">Label name</label>
            <input id="input_test" type="text" name="" placeholder="Placeholder">
            <select>
                <option value="">Please Select One</option>
                <option value="">A</option>
                <option value="">B</option>
                <option value="">C</option>
            </select>
            <label>
                <input type="checkbox" name="" value=""> Check me out
            </label>
            <label>
                <input type="radio" name="" value=""> Check me out
            </label>
        </div>
        <div class="ui-form-item">
            <input id="checkbox_test" type="checkbox" name="" value="">
            <label for="checkbox_test">
                 Check me out
            </label>
            <input id="radio_test" type="radio" name="" value=""> 
            <label for="radio_test">
                Check me out
            </label>
            <textarea name=""></textarea>
        </div>
    </fieldset>
</form>

示例一

<form class="ui-form">
    <fieldset>
        <div class="ui-form-item ui-grid-row-fluid">
            <div class="ui-grid-span2">
                <label class="ui-form-item-label-right">Label name</label>
            </div>
            <div class="ui-grid-span8">
                <input class="ui-form-item-control" type="text" name="" value="">
            </div>
        </div>
        <div class="ui-form-item">
            <label class="ui-form-item-label">Label name</label>
            <input class="ui-form-item-control" type="text" name="" value="">
        </div>
    </fieldset>
</form>

About

表单通用样式

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Morty Proxy This is a proxified and sanitized view of the page, visit original site.