DHTMLX Docs & Samples Explorer

Tooltips

(Tooltips are set to: Project Name, E-mail, Permanent E-mail)
Source
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxform_dhx_skyblue.css">
    <script src="../../codebase/dhtmlxcommon.js"></script>
    <script src="../../codebase/dhtmlxform.js"></script>
    <script>
var myForm,
formData;
function doOnLoad() {
    formData = [{
        type: "settings",
        position: "label-left",
        labelWidth: 130,
        inputWidth: 160
    }, {
        type: "label",
        label: "New project"
    }, {
        type: "input",
        label: "Project Name",
        value: "My Project",
        tooltip: "Enter your Project Name here"
    }, {
        type: "input",
        label: "Project Description",
        value: ""
    }, {
        type: "input",
        label: "E-mail",
        name: "email",
        value: "",
        tooltip: "Please enter your valid e-mail address"
    }, {
        type: "input",
        label: "Confirm e-mail",
        value: ""
    }, {
        type: "checkbox",
        label: "Permanent E-mail",
        tooltip: "Use this email as permanent e-mail address to contact me"
    }, {
        type: "button",
        value: "Submit"
    }];
    myForm = new dhtmlXForm("myForm", formData);
    myForm.enableLiveValidation(true);
}
</script> <div>(Tooltips are set to: Project Name, E-mail, Permanent E-mail)</div> <div id="myForm" style="height:510px;"></div>