Embed office form via iframe

Question

I was wondering that why the office form cannot be embedded into iframe perfectly.

Like the following code

<iframe src="https://forms.office.com/Pages/ResponsePage.aspx?id=Ix5rlILy0USDoDcUdHBCThkWvcx4TptKrO0BZZzx9edUMzFRTDdOMTk1NThIMEs1WFFSNzBWNFdFUi4u" style="height: 300px;">
  <p>Have you completed the survey?.</p>
</iframe>

https://jsfiddle.net/n7e3wv6v/

It only displays the pop-up link, the users have to click the link and then fill the question on the pop-up page which is not convenient.

Is there a way to embed the whole form?

Answer 1

Make the height and width of iframe >= 350.

<iframe src="https://forms.office.com/Pages/ResponsePage.aspx?id=Ix5rlILy0USDoDcUdHBCThkWvcx4TptKrO0BZZzx9edUMzFRTDdOMTk1NThIMEs1WFFSNzBWNFdFUi4u" height="350" width="350"> 

</iframe>

This works! below 350 dimension it doesn't. https://jsfiddle.net/qnsj1k3o/2/