JSFiddle - React, Tailwind, and code Playground

by Naeel Maqsudov

HTML

<!doctype html>
<html>
<head>
<title>Регистрация</title>
<link rel="stylesheet"
	  href="css/style.css"
	  type="text/css">
</head>
<body>
<ul>
	<li><a href="index.html">Главное меню</a></li>
	<li><a href="articles.html">Статьи</a></li>
	<li><a href="catalog.html">Каталог</a></li>
	<li><a href="gallery.html">Галерея изображений</a></li>
	<li class="main">Регистрация (Вы здесь)</li>
	<li><a href="contacts.html">Контакты</a></li>
</ul>
<form action="#" method="post" enctype="multipart/form-data">
<label><input class="size" type="text" size="20" />Фамилия</label><br>
<label><input class="size" type="text" size="20" />Имя</label><br>
<label><input class="size" type="text" size="20" />Отчество</label><br>
<label><input type="file" />Добавьте фотографию</label><br>
<label><input class="size" id="mail" type="mail" size="20" />Адрес электронной почты</label><br>
<label><input id="pas" type="password" size="20" />Пароль</label><br>
<label><input class="size" type="url" value="http://" />Адрес сайта</label><br>
Ваш пол:<br>
<label class="radio"><input type="radio" name="Sex" value="Мужской" checked="checked" />Мужской</label>
<label class="radio"><input type="radio" name="Sex" value="Женский" />Женский<br></label>
Дата рождения:<br>
		<select name="day">
			<option...

CSS

input[type="text"] {
text-transform: capitalize;
}
textarea[type="text"] {
text-transform: capitalize;
}
div[contenteditable="true"]{
    border:1px solid black;
}div[contenteditable="true"]:first-letter{
    color:red;
}