hello i have a web app that works fine on chrome but on firefox it does not display my checkbox, inputs, text area etc...
Even if I have a page that only have this:
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="UTF-8">
<meta http-equiv="MSTHEMECOMPATIBLE" content="no">
<title>Checkbox Test</title> </head> <body>
<input type="checkbox">
<input type="radio">
<input type="text">
<input type="submit">
<input type="button">
<input type="file"> </body> </html>
does not show! BUT with the same browser i went to a website hosted elsewhere and this very same code works, when i run it locally it works... please help me!
Again with the same code, When using chrome it works.
im hosted on Azure .... does it makes a difference?
why would my hosted page don't work!!!
Checkboxes and radio buttons are not displayed on Firefox when
<meta http-equiv="MSTHEMECOMPATIBLE" content="no"> is specified.
Related
Using Vue as the frontend and Django as the backend. I am serving the production version of npm run build via django. index.html is automatically generated. However, the <head> elements are inside of <body>. I tried a few articles and sees no difference.
<!DOCTYPE html>
<html lang="">
<head>
<input type="hidden" name="csrfmiddlewaretoken" value="" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<!--[if IE]><link rel="icon" href="/static/favicon.ico"/><![endif]-->
<title></title>
manifests / css / app.js omitted
</head>
<body style="background-color: #131516;">
<noscript
><strong
>We're sorry but quicktrack doesn't work properly without
JavaScript enabled. Please enable it to continue.</strong
></noscript
>
<div id="app"></div>
<script src="/static/js/chunk-vendors.3aa94991.js"></script>
<script src="/static/js/app.40e1aa2a.js"></script>
</body>
</html>
but when visiting the site this happens
Reading some other stackoverflow questions I found that this could be encoding issue.
file -i index.html shows charset=us-ascii.
I tried digging around webpack looking for encoding but I couldn't find one.
How should I go about fixing this issue?
No, it's not an encoding issue. It's a parsing issue. The HTML parser knows that the </html> and <body> tags (among others) are optional, and it knows that input elements go in the body, so when it sees the <input type="hidden" ...> tag, it assumes that the head element is complete and the body element has started. So it puts the input element and all following elements in the body.
It ignores the </html> and <body> tags when it eventually sees them, except that it merges the style attribute from the <body> tag on to the body element that it created earlier.
To fix, move the <input type="hidden" ...> tag to immediately after the <body> tag.
I know that the code below will go to the result page of google when the user types some texts and the submit button is clicked.
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Hello!
</title>
</head>
<body>
<form action="https://www.google.com/search" method="get">
<input name="q" type="text">
<input type="submit" value="Submit Form">
</form>
</body>
</html>
But I try this with https://www.jitta.com/. It does not seem to have the same structure as google.
When searching on this website the url will be https://www.jitta.com/stock/bkk:ptt where "ptt" is the word that I want to search. Unlike google, if I want to search "ptt" the url will be https://www.google.com/search?q=ptt.
Can it be only HTML code? no other parts involved (like Javascript,...)
Appreciate anyone who answers this.
I got this simple form on a page. I run this on localhost but when I run the form it shall redirect to http://localhost:63342/welcome.html
but instead I get the 404 not found message.
When I mark the url in the browser and hit return the correct page shows. But the redirect doesnt work when using method="POST" to localhost
Any idea how to solve this?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form method="POST" action="welcome.html">
<input type="text" id="test" name="test"/>
<input type="submit" value="test"/>
</form>
</body>
</html>
I think you want to use the GET method instead of the POST method.
Have a look here for more information: http://www.w3schools.com/TAGS/ref_httpmethods.asp
I am trying to set html form input's default language to Georgian.
i.e. when user starts typing input it should be in Georgian and user should not have to switch language from keyboard.
I tried using lang="ka" attribute on almost every element but it is not working. ("ka" is html language code reference for Georgian, and I do have Georgian keyboard installed).
<!DOCTYPE html>
<html lang="ka">
<head>
<title></title>
<meta charset="UTF-8">
</head>
<body lang="ka">
<form lang="ka">
სახელი:<br>
<input lang="ka" type="text" name="firstname" >
<br>
გვარი:<br>
<input lang="ka" type="text" name="lastname" >
</form>
</body>
</html>
This is driving me crazy....
I'm trying to get TinyMCE v4.0.6 to work, and I'm probably doing something very dumb, since I can't get the editor to display at all.
I could get a v3.5.8 editor to show in a page similar to what follows, but no joy with this:
<!DOCTYPE html>
<html>
<head>
<title>TinyMCE Test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: "textarea"
});
</script>
</head>
<body>
<form method="post" action="something">
<textarea name="content" cols="100" rows="15">content</textarea>
<input type="submit" value="Save" />
</form>
</body>
</html>
I've verified (using FireBug) that the path to the tinymce JavaScript file is correct, but other than that, I'm completely at a loss.
Thanks for any suggestions..
After your comment, I took your HTML and checked it with a CDN copy of tinyMCE and it work fine: http://codepen.io/anon/pen/mIvFg so I can only assume it's an error with your tinymce.min.js file.