Skip to content
This repository was archived by the owner on Mar 3, 2019. It is now read-only.
This repository was archived by the owner on Mar 3, 2019. It is now read-only.

Please make sure there is title html attributes to aid assistive technologies and mouse hover tip #48

@lykmapipo

Description

@lykmapipo

<FormItem label='Name' {...formItemLayout} >
{getFieldDecorator('name', {
rules: [{ required: true, message: 'Please input stakeholder name!' }],
})(
<Input placeholder='Stakeholder Name' />
)}
</FormItem>
<FormItem label='Phone' {...formItemLayout} >
{getFieldDecorator('phone', {
rules: [{ required: true, message: 'Please input phone number!' }],
})(
<Input addonBefore={prefixSelector} placeholder='Phone Number' />
)}
</FormItem>
<FormItem label='Email' {...formItemLayout} >
{getFieldDecorator('email', {
rules: [{
type: 'email', message: 'The input is not valid E-mail!',
}, {
required: true, message: 'Please input stakeholder E-mail!',
}],
})(
<Input placeholder='Email' />
)}
</FormItem>
<FormItem label='Type' {...formItemLayout} >
{getFieldDecorator('type', {
rules: [
{ required: true, message: 'Please select stakeholder category' },
],
})(
<Select placeholder='Select Type'>
<Option value='Agency'>Agency</Option>
<Option value='Committee'>Committee</Option>
<Option value='Team'>Team</Option>
<Option value='Individual'>Individual</Option>
</Select>
)}
</FormItem>
<FormItem label='Ownership' {...formItemLayout} >
{getFieldDecorator('ownership', { initialValue: 'Government' })(
<RadioGroup>
<Radio value="Government">Government</Radio>
<Radio value="Private">Private</Radio>
</RadioGroup>
)}
</FormItem>
<FormItem label='Area' {...formItemLayout} >
{getFieldDecorator('area')(
<Input placeholder='Area' />
)}
</FormItem>
<FormItem label='Physical Address' {...formItemLayout} >
{getFieldDecorator('physicalAddress')(
<Input placeholder='Physical Address' />
)}
</FormItem>
<FormItem label='Postal Address' {...formItemLayout} >
{getFieldDecorator('postalAddress')(
<Input placeholder='Postal Address' />
)}
</FormItem>
<FormItem label='Fax' {...formItemLayout} >
{getFieldDecorator('fax')(
<Input placeholder='Fax' />
)}
</FormItem>
<FormItem label='Website' {...formItemLayout} >
{getFieldDecorator('website')(
<Input placeholder='Website' />
)}
</FormItem>
<FormItem label='Phase' {...formItemLayout} >
{getFieldDecorator('phases', { initialValue: ['Mitigation'] })(
<CheckboxGroup options={['Mitigation', 'Preparedness', 'Response', 'Recovery']} />
)}
</FormItem>
<FormItem {...tailFormItemLayout}>
<Button onClick={handleCancelClick} >Cancel</Button>
<Button type="primary" htmlType="submit" style={{ marginLeft: 8 }} loading={submitting}>Save</Button>
</FormItem>
</Form>
</div>

Check HTML Attributes

Metadata

Metadata

Labels

enhancementNew feature or request

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions