JSFiddle - React, Tailwind, and code Playground

by محمد رستمیانی

HTML

<form action="http://127.0.0.1/part/index.php/profile" data-parsley-validate="" id="form_profile" enctype="multipart/form-data" method="post" accept-charset="utf-8" novalidate="">

	<div class="form-group">
		<div class="row">
			<div class="col-sm-6">
				<div class="form-group">
					<label for="username">* نام کاربری :</label>
					<input type="text" name="username">
				</div>
			</div>
			<div class="col-sm-6">
				<div class="form-group">
					<label for="company">شرکت :</label>
					<select name="company_id" id="company" class="form-control">
													<option value="1" selected="">نفیس پارت</option>
													<option value="2">قطعات محور</option>
											</select>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-6">
				<div class="form-group">
					<label for="first_name">نام :</label>
					<input type="text" name="first_name" id="first_name" class="form-control" autocomplete="name" value="محمد مهدی">
				</div>
			</div>
			<div class="col-sm-6">
				<div class="form-group">
					<label for="last_name">نام خانوادگی :</label>
					<input type="text" name="last_name" id="last_name" class="form-control" autocomplete="family-name" value="رستمیانی">
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-6">
				<div class="form-group">
					<label for="mobile_number">تلفن همراه :</label>
					<input type="text" name="mobile_number" id="mobile_number" class="form-control" autocomplete="mobile" pattern="^09\d{9}$" >
				</div>
			</div>
			<div class="col-sm-6">
				<div class="form-group">
					<label for="phone_number">تلفن ثابت :</label>
					<input type="text" name="phone_number" id="phone_number" class="form-control" autocomplete="tel" pattern="^\d{8,12}$" >
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-6">
				<div class="form-group">
					<label for="address">آدرس پستی :</label>
					<input type="text" name="address" id="address" class="form-control" autocomplete="street-address"...