Dreamweaver Club Forums

Dreamweaver Club Forums (http://www.dreamweaverclub.com/forum//index.php)
-   HTML and CSS (http://www.dreamweaverclub.com/forum//forumdisplay.php?f=170)
-   -   html5 (http://www.dreamweaverclub.com/forum//showthread.php?t=45585)

edbr 06-26-2013 07:06 AM

html5
 
thought id put this on, i was doodling around waiting for clients and a post about html5 got me thinking this page might be of use as a ref or something.
Basically it add some of the nicer form elements, although not all browsers are supporting yet , in particular the date time pick, but i suspect just a matter of time.
for the form css i added a background colour but did an override on required fields using !important.
I added a class to <br> to determine and control a margin between them. (yes i was bored)
I also added some includes in way of adding an object, of course it would need to have a real file or path to work.
Code:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
 <style>input[required] { background-color: #E5F5EF !important;}
 input { background-color: #CF9; }
 textarea{ width:100px; height:80px;  background-color: #CF9;}
label {
color: #B4886B;
font-weight: bold;
display: block;
width: 250px;
float: left; text-align:right;
}
.clear{margin-bottom:5px;}
 </style>
</head>

<body>
<!--Include a file-->
<object name="foo" type="text/html" data="incl/header.inc"/>

<form> <label>  Email </label>
<input type="email" title="Please, provide an e-mail" x-moz-errormessage="This is not a valid e-mail" required placeholder="enter a valid email address"  >

<br class="clear">


 <label>Name a  presidents , this is a list: </label>
  <input type="text" name="favCharacter" list="characters" maxlength="50"  autofocus placeholder="name a president"  ><br class="clear">

  <datalist id="characters">
  <option value="George Washington">
  <option value="Bill Clinton">
  <option value="George Bush">
    <option value="J.F. Kennedy">
    <option value="Fred Flinstone">
  </datalist>
 <label>Website:</label> <input type="url" name="website" id="website" placeholder="What is your website"><br class="clear">
 <label>  Enter comments </label>
<textarea name="comments" id="comments" maxlength="5
" placeholder="maximum 5 characters"></textarea><br class="clear">
 <label> Pick a date </label>
<input type="date" name="date" id="date" min="2011-01-01" max="2015-12-31" step="10" placeholder="yy-mm-dd"><br class="clear">
 
 <label>  check and send: </label>
 <input name="s" type="submit" value="Submit" >
</form>
<!--Include a file-->
<object name="foo" type="text/html" data="incl/footer.inc"/>
</body>
</html>


jmichae3 07-04-2013 05:19 AM

if you wanted to make it into a dreamweaver template (dwt) you could put a / in front of incl and insert the required template tags, and make some of the content editable.

then no matter what directory you were in, you could use this as a template for your site and just stamp out a page when you needed it. looks like a template to me :-)

templates go in the Templates\ directory of your web site for anyone who does not know yet. when you want to make a new page, File, New, from template, then pick your template by site. I tend to make one for index pages and one for content pages (but that's me, I usually have too much stuff to deal with).

d a v e 01-08-2015 12:58 PM

Quote:

Originally Posted by roniadiyakm (Post 215494)
There are good html coding using with stylesheet.

priceless.
as in not worth anything :)

edbr 01-09-2015 03:33 AM

i must have deleted and banned 100 posts about that bloody indian picnic, food had better be good

salauddin502 03-14-2015 04:37 PM

You can find many idea about HTML5 language in W3school.

Support IT 05-13-2015 06:21 PM

Is code academy a good place to start learning HTML?

mynamebilalzahid 03-08-2016 06:36 AM

Hi Guys!

I find it easy to use dreamweaver instead of other coding software!
dreamweaver is easy to use and easy to write HTML / CSS / PHP / & others.


All times are GMT. The time now is 12:19 AM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com