微(wēi)信小(xiǎo)程序設置表單中輸入內(nèi)容的(de)必填¶₩≤項提示

微(wēi)信小(xiǎo)程序的(de)WeUI樣式以及微(wēi)信小(xiǎo)程序×♥開(kāi)發文(wén)檔中發現(xiàn)并沒有(≠≥♥↕yǒu)表單必填前的(de)required屬性

以及input組件(jiàn)：

中都(dōu)沒有(yǒu)required屬性，所以，®∑±隻能(néng)自(zì)己創造了(le)。

首先，利用(yòng)WeUI的(de)flex÷♥↑布局，

官方WeUI代碼是(shì)這(zhè)樣的(de)࿱₽♦ ‍a;
Form：

<view class="weui-form__control-area">
			<view class="weui-cells__group weui-cells≈$__group_form">
				<view class="weui-cells__title">表單組标題</view>
				<view class="weui-cells weui-cells_form">
					<view class="weui-cell weui-cell_active">
						<view class="weui-cell__hd"><label class="weui-label">微(wēi)信号</label></view>
						<view class="weui-cell__bd">
							<input class="weui-input" placeholder="填寫本人(rén)微(wēi)信号" placeholder-class="weui-input__placeholder&#δβ34; />
						</view>
					</view>
					<view class="weui-cell weui-cell_active">
						<view class="weui-cell__hd">							
                            <label class="weui-label">昵稱</label>
                        </view>
						<view class="weui-cell__bd">
							<input class="weui-input" placeholder="填寫本人(rén)微(wēi)信号的(de)昵稱✘¥€" placeholder-class="weui-input__placeholder" />
						</view>
					</view>
					<view class="weui-cell weui-cell_activΩ¥ e">
						<view class="weui-cell__hd">							
                            <label class="weui-label">聯系電(diàn)話(huà)</label>
                        </view>
						<view class="weui-cell__bd">
							<input class="weui-input" placeholder="填寫綁定的(de)電(diàn)話(huà)号碼" type="number" placeholder-class="weui-input__placeholder" />
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="weui-form__tips-area↔< 4;>
			<view class="weui-form__tips">
                表單頁提示，居中對(duì)齊
			</view>
		</view>
		<view class="weui-form__opr-area">
			<a class="weui-btn weui-btn_primary">确定</a>
		</view>

Flex布局：

<view class="weui-flex">
	<view class="weui-flex__item"><view class="placeholder">weui</view></view>
	<view class="weui-flex__item"><view class="placeholder">weui</view></view>
</view>

改寫之後：

<view class="weui-cells weui-cells_after-title↓≥₽4;>
		<view class="weui-cell weui-cell_active"±&&×;>
			<view class="weui-cell__hd">
				<view class="weui-flex">
					<view class="weui-flex__item">
						<view class="placeholder" style="color:red;width:5vw;">*</view>
					</view>
					<view class="weui-flex__item">
						<view class="placeholder" style="width:20vw;">姓名</view>
					</view>
				</view>
			</view>
			<view class="weui-cell__bd">
				<input class="weui-input" value="{{stu.name}}" bind:input="onName" placeholder="請(qǐng)輸入姓名" />
			</view>
		</view>
		<view class="weui-cell weui-cell_active">
			<view class="weui-cell__hd">
				<view class="weui-flex">
					<view class="weui-flex__item">
						<view class="placeholder" style="color:red;width:5vw;">*</view>
					</view>
					<view class="weui-flex__item">
						<view class="placeholder" style="width:20vw;">專業(yè)</view>
					</view>
				</view>
			</view>
			<view class="weui-cell__bd">
				<input class="weui-input" value="{{stu.profession}}" bind:input="onProfession" placeholder="請(qǐng)輸入專業(yè)" />
			</view>
		</view>
		<view class="weui-cell weui-cell_activ÷γ↑✔e">
			<view class="weui-cell__hd">
				<view class="weui-flex">
					<view class="weui-flex__item">
						<view class="placeholder" style="color:red;width:5vw;">*</view>
					</view>
					<view class="weui-flex__item">
						<view class="placeholder" style="width:20vw;">班級</view>
					</view>
				</view>
			</view>
			<view class="weui-cell__bd">
				<input class="weui-input" value="{{stu.class}}" bind:input="onClass" placeholder="請(qǐng)輸入班級" />
			</view>
		</view>
	</view>
	<view class="weui-btn-area">
		<button class="weui-btn" type="primary" bindtap="showTopTips">下(xià)一(yī)步</button>
	</view>

必填項就(jiù)完成了(le)。