Pure HTML 5 Basic

Developer
Alen
Size
2,265 Kb
Views
32,384
  1. Pure HTML 5 Basic Previews
  2. Pure HTML 5 Basic HTML Codes

How do I make an pure html 5 basic?

What is a pure html 5 basic? How do you make a pure html 5 basic? This script and codes were developed by Alen on 07 September 2022, Wednesday.

Pure HTML 5 Basic Previews
IQ Test

Pure HTML 5 Basic - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Pure HTML 5 Basic</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script>
</head>
<body> <form action="./script" method="POST">
<p>
<label for="your_name">Your name:</label>
<input type="text" name="your_name" id="your_name" required pattern="/^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/">
</p>
<p>
<label for="city">City of residence:</label>
<input type="text" name="city" id="city" required>
</p>
<p>
<label for="email">
E-mail address
(separate multiple e-mail addresses with a comma):
</label>
<input type="email" name="email" id="email" placeholder="[email protected]" multiple required/>
</p>
<p>
<label for="tel">Telephone number:</label>
<input type="tel" name="phone_number" if="phone_number" placeholder="(000) 000-0000" pattern="\([2-9][0-9]{2}\) [0-9]{3}-[0-9]{4}">
</p>
<p>
<label for="url">
Please provide a web site where we can learn more (if applicable):
</label>
<input type="url" name="current_site" id="current_site" placeholder="http://www.example.com/" pattern="http(|s)://[-0-9a-z]{1,253}\.[.a-z]{2,7}">
</p>
<p>
<label for="project">Tell us your story idea:</label>
<textarea name="story_idea" id="story_idea" placeholder="Briefly tell us what we should write about and why." maxlength="2000"></textarea>
</p>
<p>
<button type="submit">Send it!</button>
</p>
</form>
<form action="/script" method="post" enctype="multipart/form-data">
<p>
<label for="upload">Your file(s):</label>
<input type="file" multiple name="upload" id="upload"
➥accept=".mp3,.ogv">
</p>
<p>
<button type="submit">Upload!</button>
</p>
</form>
<datalist id="where_we_fly">
<option>Accra, Ghana</option>
<option>Paris, France</option>
<option>Melbourne, Australia</option>
<option>Lima, Peru</option>
<option>Los Angeles, United Sates</option>
<option>Kuala Lumpur, Malaysia</option>
</datalist>
<p>
<label for="destination">Where would you like to go?</label>
<input type="text" name="destination" id="destination" value="" list="where_we_fly">
</p>
Range:
<input type="range" value="" min="0" max="100" step="10">
<br/>
Increments number by 0.5
<input type="number" name="num" id="num" value="" step=".05">
<br/>
Increments number by .01; precision to the hundredth
<input type="number" name="num" id="num" value="" step=".01">
<br/>
Increments number by 0.001; precision to the thousandth
<input type="number" name="num" id="num" value="" step=".001">
<br/>
Date
<input type="date"/>
Time
<input type="time"/><br/>
Date and time:
<input type="datetime-local"/><br/>
Week: <input type="week"/>
<br/>
Video with control ang autoplay loop: <video src="path_to_file.video" controls autoplay loop></video><br/>
with poster image:
<video src="path_to_file.video" poster="path_to_poster_image.jpg" width="50px" height="50px"></video><br/>
Audio: <audio src="path_to_file.audio" control></audio>
</body>
</html>
Pure HTML 5 Basic - Script Codes
Pure HTML 5 Basic - Script Codes
Home Page Home
Developer Alen
Username Alen
Uploaded September 07, 2022
Rating 3
Size 2,265 Kb
Views 32,384
Do you need developer help for Pure HTML 5 Basic?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Alen (Alen) Script Codes
Name
Animation - text
Menu Innerpage Sample
Efficient Method for Embedding YouTube Videos
Ribbon CSS Right
Carousel Slider Using owl.carousel.js
Ribbon CSS
Simple Form in Table Layout
Sidebar Form
Linear Gradient Background Color
Animation
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!